页面样式
关键代码展示
<body>
<div>
<form class="content container" align="center">
<div style="width:300px">
<div style="height:50px" ><h3>后台管理系统</h3></div>
<div class="row" >
<div class="col-md-2 icon" align="right" ><span class=" glyphicon glyphicon-user" ></span></div>
<div class="col-md-10"><input style="border:none;box-shadow: none !important;" type="text" class="txt form-control" placeholder="请输入用户名" name='username' ></div>
<div class="col-md-2 icon" align="right"><span class=" glyphicon glyphicon-lock"></span></div>
<div class="col-md-10"><input type="password" style="border:none;box-shadow: none !important;" class="form-control txt" placeholder="请输入密码" name='password'></div>
<div class="col-md-6 icon"><a href="#">忘记密码</a></div>
<div class="col-md-6 icon"><input type="button" value="登录" class="btn btn-primary"/></div>
</div>
</div>
</div>
</form>
</div>
</body>
源码下载:微信小程序搜 “涨知识1024” ,搜索关键字“登录页”