登录页面如下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" type="text/css" href="css/denglu.css"/>
<link rel="stylesheet" type="text/css" href="css/res.css"/>
<link rel="stylesheet" type="text/css" href="css/app.b25f0dc9c1c30462fdc871146856b886.css"/>
<link rel="stylesheet" type="text/css" href="css/font_444233_cvsam22m49kq33di.css"/>
</head>
<body>
<div id="app">
<div class="router-view">
<p style="padding: 20px 0px;text-align: center;"><img src="img/img.png"/></p>
<form style="height: 80px;">
<div>
<div class="weui-cells__title" style="text-align: center;">
<h2 style="color:rgb(0,128,128);">学员登录</h2>
</div>
<div class="weui-cells weui-cells_form">
<div class="weui-cell">
<div class="weui-cell__hd" >
<label class="weui-label yonghu"><i class="input-header iconfont icon-yonghu" style="font-size: 30px;"></i></label>
</div>
<div class="weui-cell__bd">
<input type="number" pattern="[0-9]*" placeholder="请输入手机号或者Email" class="weui-input" />
</div>
</div>
<div class="weui-cell">
<div class="weui-cell__hd">
<label class="weui-label yonghu" ><i class="input-header iconfont icon-mima" style="font-size: 30px;"></i></label>
</div>
<div class="weui-cell__bd">
<input type="password" placeholder="请输入六位以上的代码" class="weui-input" />
</div>
</div>
</div>
<div style="padding:0px 5px;">
<div class="weui-cells"style="margin-top:20px ;">
<div>
<div class="weui-cell weui-cell_switch">
<div class="weui-cell__bd">记住密</div>
<div class="weui-cell__ft">
<input type="checkbox" class="weui-switch"/>
</div>
</div>
</div>
</div>
</div>
<button class="weui-btn weui-btn_default;" style="color: rgb(255,255,255);background-color: rgb(0,128,128);"> 登录</button>
<div>
<div style="float: left;padding: 20px 50px;"><a href="zhuce1.html">立即注册</a></div>
<div style="float: right;padding: 20px 50px;"><a href="Getbackpassword.html">忘记密码？</a></div>
</div>
</div>
</form>
</div>
<div class="weui-tabbar">
<a href="javascript"class="weui-tabbar__item">
<div class="weui-tabbar__icon">
<i class="iconfont icon-qiandao"></i>
</div>
<p class="weui-tabbar__label"><span>签到</span></p>
</a>
<a href="javascript" class="weui-tabbar__item">
<div class="weui-tabbar__icon">
<i class="iconfont icon-words2"></i>
</div>
<p class="weui-tabbar__label"><span>单词</span></p>
</a>
<a href="javascript" class="weui-tabbar__item">
<div class="weui-tabbar__icon">
<i class="iconfont icon-insert_tag_field"></i>
</div>
<p class="weui-tabbar__label"><span>上机</span></p>
</a>
<a href="javascript" class="weui-tabbar__item">
<div class="weui-tabbar__icon">
<i class="iconfont icon-kaoshi"></i>
</div>
<p class="weui-tabbar__label"><span>测试</span></p>
</a>
<a href="javascript" class="weui-tabbar__item">
<div class="weui-tabbar__icon vux-reddot">
<i class="iconfont icon-gengduo"></i>
</div>
<p class="weui-tabbar__label"><span>更多</span></p>
</a>
</div>
</div>
<script src="js/weui.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
