userLogin.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334
  1. <div id="userLogin">
  2. <iframe frameborder="0" class="cover-iframe"></iframe>
  3. <div class="cover-content">
  4. <div class="login">
  5. <div class="left"><img src="../../images/user/loginBg.png" alt=""></div>
  6. <ul class="right">
  7. <li class="head">
  8. <span class="passWay active">密码登录</span>
  9. <span class="msgWay">短信登录</span>
  10. <img src="../../images/user/wx.png" alt="微信" class="weixin">
  11. <img src="../../images/user/qq.png" alt="QQ" class="qq">
  12. <img src="../../images/user/weibo.png" alt="微博" class="weibo">
  13. <button class="close"></button>
  14. </li>
  15. <li><input type="text" placeholder="请输入用户名" class="user"></li>
  16. <li class="passShow show"><input type="password" placeholder="请输入密码" class="lock"></li>
  17. <li class="msgShow"><input type="text" placeholder="请输入验证码" class="yzm"><button class="getYzm">获取短信验证码</button></li>
  18. <!-- <li><span class="autoLogin"><span class="check"></span>下次自动登录</span></li> -->
  19. <li><button class="loginBtn">登录</button></li>
  20. <li class="other"><button class="fl forgetPass">忘记密码</button><button class="openReg fr">免费注册</button></li>
  21. </ul>
  22. </div>
  23. <div class="regist">
  24. <li class="para"><span class="menu">用户名</span><span class="redAlert">请输入用户名</span><input type="text" placeholder="请输入用户名" class="regName"></li>
  25. <li class="para"><span class="menu">手机名</span><span class="redAlert">请输入手机号</span><input type="text" placeholder="可用于登录和找回密码" class="regNum"></li>
  26. <li class="para"><span class="menu">密码</span><span class="redAlert">请输入密码</span><input type="password" placeholder="请设置登录密码" class="regPass"></li>
  27. <li class="para"><span class="menu">验证码</span><span class="redAlert">请输入验证码</span><input type="text" placeholder="请输入验证码" class="yzm"><button class="getYzm">获取短信验证码</button></li>
  28. <li class="xieyi"><span class="check"></span>阅读并接受《<a href="javascript:;">MAPPLUS用户协议</a>》<span class="redAlert">请阅读协议及声明</span></li>
  29. <li class="zhuce"><button class="regBtn">注册</button></li>
  30. <li class="queding"><button class="queding">确定</button></li>
  31. <li class="other">我已注册,现在去<button class="openLogin">登录</button></li>
  32. </div>
  33. </div>
  34. </div>