master

分支 (6)

管理

管理

master

qingxue

jingchen

junjiang

leiyu

sihui

tap-tap
/
Mailbox-page.html



  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mailbox page 邮箱页面</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="./iconfont/lisihui-phone/iconfont.css">
    <link rel="stylesheet" href="css/one.css">
    <link rel="stylesheet" href="css/loginPage.css">
  </head>
  <body>
    <script src="js/rem.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
      <div class="margin">
      <div class="container login-page  big">
        <!-- logo -->
        <div class="row logo">
          <img src="./img/logo.png" alt="">
        </div>
        <!--  -->
        <div class="row login-text">
          <p>  老用户邮箱登录 </p>
          <span>  已注册 TapTap 账号的用户可通过邮箱登录 </span>
        </div>
        <!--  -->
        <div class="row num">
          <div class="col-xs-12 number">
            <!-- 第一行 -->
            <div class="first-line">

              <!-- 请输入邮箱地址 -->
              <div class="number-content">
                <input type="text" name="文本框" placeholder="请输入邮箱地址">
              </div>
            </div>
            <!-- 第二行 -->
            <div class="Second-line ">
              <a href="./login-page .html"><span> 手机号登录 </span></a>
            </div>
          </div>
        </div>

        <!--agreement  协议-->
        <div class="row ">
          <div class="agreement col-xs-12">
            <input type="checkbox" name="多选" class="radius">
            <span>勾选即表示同意 TapTap <a href="https://www.taptap.com/terms">《服务协议》</a>&amp;<a href="https://www.taptap.com/privacy-policy">《隐私政策》</a></span>
          </div>
        </div>

        <!-- login 登录 -->
        <div class="row login">
          <input type="button" name="按钮" value="登录">
        </div>
        <!--Icon 图标 -->
        <div class="row Icon">
          <div class="center">
            <!-- pop-up 微信弹窗 -->
            <div class="pop-up ">
              <!-- class="click"自定义class -->
              <!-- 弹出按钮 -->
              <!-- type="button"  class="btn btn-primary"按钮样式 data-toggle="modal"弹窗必加  data-target="#cli"id名 -->

              <span class="iconfont icon-weixin " data-toggle="modal" data-target="#clia"  ></span>
              <span class="iconfont icon-qq" data-toggle="modal" data-target="#clia" ></span>
              <span class="apple" data-toggle="modal" data-target="#clia" >
              <img src="./img/apple.png" alt="" class="last">
              </span>
          </div>
        </div>
        </div>

        <!-- 弹窗内容 -->
        <div class="modal-content modal fade one" id="clia">
            <!-- class="modal-content一个背景样式 modal隐藏起来 fade缓动效果" -->
            <div class="modal-hearder">
                <!-- class="modal-hearder" 加一条线 -->
                <!-- class="close" 移到右侧 data-dismiss="modal"点X关-->
                <a href="" data-dismiss="modal" class="close">X</a>
            </div>
            <!-- WeChat-notification  微信弹窗 -->
            <div class="WeChat-notification">
                <!-- 写主体内容 -->
                <h2>服务协议和隐私政策</h2>
                <span>为了更好地保障你的合法权益，进入下一步前，请阅读并同意 TapTap <a href="https://www.taptap.com/terms">《服务协议》</a>
                  &amp;<a href="https://www.taptap.com/privacy-policy">《隐私政策》</a></span>

                  <input  type="button" name="按钮" value="同意并继续" data-toggle="modal" data-target="#clib">
            </div>
            </div>
        </div>
        <!-- 弹窗内容b -->
        <div class="modal-content modal fade one two" id="clib">
            <!-- class="modal-content一个背景样式 modal隐藏起来 fade缓动效果" -->
            <div class="modal-hearder">
                <!-- class="modal-hearder" 加一条线 -->
                <!-- class="close" 移到右侧 data-dismiss="modal"点X关-->
                <a href="" data-dismiss="modal" class="close">X</a>
            </div>
            <!-- WeChat-notification  微信弹窗 -->
            <div class="WeChat-notification">
              <!-- 写主体内容 -->
              <h2>提示</h2>
              <p>由于微信限制，不支持在浏览器通过微信直接登录</p>
              <p>1. 建议使用手机号登录 TapTap 帐号</p>
              <p style="color:rgb(193, 189, 189) ;">如未绑定手机号，可前往客户端-设置中绑定手机号后再登录</p>
              <p>2. 可打开另一台设备的微信，调用相机扫码登录</p>
              <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx9d8799fd170c9e98&redirect_uri=https%3A%2F%2Fwww.taptap.com%2Fsocial%2Fwechatweb%2Fcallback-for-accounts&response_type=code&scope=snsapi_login&state=0Vm8LImg1z5AGnVFoj9a1Y6QqRXUTs7l#wechat_redirect">
                <input  type="button" name="按钮" value="我知道了" >
              </a>
            </div>
            </div>
        </div>
      </div  >
    </div>
  </body>
  </html>