static

canvas-show.html 1.9KB

    <!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>