dataserver_management_map_ui_sh2000/templates/user/userLogin.html

<div id="userLogin">
  <iframe frameborder="0" class="cover-iframe"></iframe>
  <div class="cover-content">
    <div class="login">
      <div class="left"><img src="../../images/user/loginBg.png" alt="" /></div>
      <ul class="right">
        <li class="head">
          <span class="passWay active">密码登录</span>
          <span class="msgWay">短信登录</span>
          <img src="../../images/user/wx.png" alt="微信" class="weixin" />
          <img src="../../images/user/qq.png" alt="QQ" class="qq" />
          <img src="../../images/user/weibo.png" alt="微博" class="weibo" />
          <button class="close"></button>
        </li>
        <li>
          <input
            type="text"
            placeholder="请输入用户名"
            name="userName"
            class="user"
          />
        </li>
        <li class="passShow show">
          <input type="password" placeholder="请输入密码" class="lock" />
        </li>
        <li class="msgShow">
          <input type="text" placeholder="请输入验证码" class="yzm" /><button
            class="getYzm"
          >
            获取短信验证码
          </button>
        </li>
        <!-- <li><span class="autoLogin"><span class="check"></span>下次自动登录</span></li> -->
        <li><button class="loginBtn">登录</button></li>
        <li class="other">
          <button class="fl forgetPass">忘记密码</button
          ><button class="openReg fr">免费注册</button>
        </li>
      </ul>
    </div>
    <div class="regist">
      <li class="para">
        <span class="menu">用户名</span
        ><span class="redAlert">请输入用户名</span
        ><input type="text" placeholder="请输入用户名" class="regName" />
      </li>
      <li class="para">
        <span class="menu">手机名</span
        ><span class="redAlert">请输入手机号</span
        ><input type="text" placeholder="可用于登录和找回密码" class="regNum" />
      </li>
      <li class="para">
        <span class="menu">密码</span><span class="redAlert">请输入密码</span
        ><input type="password" placeholder="请设置登录密码" class="regPass" />
      </li>
      <li class="para">
        <span class="menu">验证码</span
        ><span class="redAlert">请输入验证码</span
        ><input type="text" placeholder="请输入验证码" class="yzm" /><button
          class="getYzm"
        >
          获取短信验证码
        </button>
      </li>
      <li class="xieyi">
        <span class="check"></span>阅读并接受《<a href="javascript:;"
          >MAPPLUS用户协议</a
        >》<span class="redAlert">请阅读协议及声明</span>
      </li>
      <li class="zhuce"><button class="regBtn">注册</button></li>
      <li class="queding"><button class="queding">确定</button></li>
      <li class="other">
        我已注册，现在去<button class="openLogin">登录</button>
      </li>
    </div>
  </div>
</div>