|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>md登录</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B"
crossorigin="anonymous">
<!-- <link type="text/css" rel="stylesheet" href="css/stomp.css">
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/jq22-demo.css"> -->
<link rel="stylesheet" href="css/chalk.css">
<!-- 引入require和全局配置 -->
<script src="js/require.js"></script>
<script src="js/require-config.js"></script>
<script src="js/biz/canvas-show.js"></script>
</head>
<body>
<div id="canvas">
<img style="height: 400px;width: 100%;background: url(./img/bg.png) repeat;"/>
</div>
<div class="container" style="position: absolute;top: 400px;">
<div class="card border-success">
<div class="row">
<div class="col-md-4">
<div class="self-item clearfix">
<label class="lab" for="userId">用户名:</label>
<input id="userId" class="ipt" type="text" />
</div>
</div>
<div class="col-md-2">
<input id="connBtn" type="button" value="连接服务器" >
</div>
</div>
<hr/>
<div class="row">
<div class="col-md-4">
<div class="self-item clearfix">
<label class="lab" for="receTopic">订阅频道:</label>
<input id="receTopic" class="ipt" type="text" />
</div>
</div>
<div class="col-md-1">
<input id="receBtn" type="button" value="订阅">
</div>
</div>
</div>
</div>
</body>
</html>
|