更新

public/web/css/common.css

@@ -0,0 +1,50 @@
+@media screen and (min-width: 320px) {
+  html {
+    font-size: 21.33333333px;
+  }
+}
+@media screen and (min-width: 360px) {
+  html {
+    font-size: 24px;
+  }
+}
+@media screen and (min-width: 375px) {
+  html {
+    font-size: 25px;
+  }
+}
+@media screen and (min-width: 384px) {
+  html {
+    font-size: 25.6px;
+  }
+}
+@media screen and (min-width: 400px) {
+  html {
+    font-size: 26.66666667px;
+  }
+}
+@media screen and (min-width: 414px) {
+  html {
+    font-size: 27.6px;
+  }
+}
+@media screen and (min-width: 424px) {
+  html {
+    font-size: 28.26666667px;
+  }
+}
+@media screen and (min-width: 540px) {
+  html {
+    font-size: 36px;
+  }
+}
+@media screen and (min-width: 720px) {
+  html {
+    font-size: 48px;
+  }
+}
+@media screen and (min-width: 750px) {
+  html {
+    font-size: 50px;
+  }
+}

public/web/css/common.less

@@ -0,0 +1,62 @@
+@no: 15;
+
+// 320px
+@media screen and (min-width: 320px) {
+  html {
+    font-size: (320px / @no);
+  }
+}
+// 360px
+@media screen and (min-width: 360px) {
+  html {
+    font-size: (360px / @no);
+  }
+}
+// 375px iphone 678
+@media screen and (min-width: 375px) {
+  html {
+    font-size: (375px / @no);
+  }
+}
+// 384px
+@media screen and (min-width: 384px) {
+  html {
+    font-size: (384px / @no);
+  }
+}
+// 400px
+@media screen and (min-width: 400px) {
+  html {
+    font-size: (400px / @no);
+  }
+}
+// 414px
+@media screen and (min-width: 414px) {
+  html {
+    font-size: (414px / @no);
+  }
+}
+// 424px
+@media screen and (min-width: 424px) {
+  html {
+    font-size: (424px / @no);
+  }
+}
+// 540px
+@media screen and (min-width: 540px) {
+  html {
+    font-size: (540px / @no);
+  }
+}
+// 720px
+@media screen and (min-width: 720px) {
+  html {
+    font-size: (720px / @no);
+  }
+}
+// 750px
+@media screen and (min-width: 750px) {
+  html {
+    font-size: (750px / @no);
+  }
+}

public/web/css/download.css

@@ -0,0 +1,108 @@
+@media screen and (min-width: 320px) {
+  html {
+    font-size: 21.33333333px;
+  }
+}
+@media screen and (min-width: 360px) {
+  html {
+    font-size: 24px;
+  }
+}
+@media screen and (min-width: 375px) {
+  html {
+    font-size: 25px;
+  }
+}
+@media screen and (min-width: 384px) {
+  html {
+    font-size: 25.6px;
+  }
+}
+@media screen and (min-width: 400px) {
+  html {
+    font-size: 26.66666667px;
+  }
+}
+@media screen and (min-width: 414px) {
+  html {
+    font-size: 27.6px;
+  }
+}
+@media screen and (min-width: 424px) {
+  html {
+    font-size: 28.26666667px;
+  }
+}
+@media screen and (min-width: 540px) {
+  html {
+    font-size: 36px;
+  }
+}
+@media screen and (min-width: 720px) {
+  html {
+    font-size: 48px;
+  }
+}
+@media screen and (min-width: 750px) {
+  html {
+    font-size: 50px;
+  }
+}
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #12141B;
+  color: #E5E7EF;
+}
+.content {
+  display: flex;
+  height: 100vh;
+  flex-direction: column;
+  align-items: center;
+}
+.content .title {
+  text-align: center;
+  font-size: 0.6rem;
+  margin-top: 2.72rem;
+}
+.content .banner {
+  width: 100%;
+  max-width: 15rem;
+  margin-top: 1.4rem;
+}
+.content .banner img {
+  width: 100%;
+  height: 100%;
+  max-width: 15rem;
+}
+.content .btns {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+  background-color: #141722;
+}
+.content .btns .btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 9.56rem;
+  height: 1.84rem;
+  border-radius: 0.92rem;
+  background-image: linear-gradient(to right, #FF7C39, #FF9C40);
+  box-shadow: 0 0 8px #ff7b398a;
+}
+.content .btns .btn .icon {
+  height: 1.08rem;
+}
+.content .btns .btn .txt {
+  display: block;
+  width: 3rem;
+  font-size: 0.6rem;
+  margin-left: 0.52rem;
+}
+.content .btns .ios {
+  margin-top: 0.3rem;
+  margin-bottom: 0.64rem;
+}

public/web/css/download.less

@@ -0,0 +1,61 @@
+@import "common";
+
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #12141B;
+  color: #E5E7EF;
+}
+
+.content {
+  display: flex;
+  height: 100vh;
+  flex-direction: column;
+  align-items: center;
+  .title {
+    text-align: center;
+    font-size: .6rem;
+    margin-top: 2.72rem;
+  }
+  .banner {
+    width: 100%;
+    max-width: 15rem;
+    margin-top: 1.4rem;
+    img {
+      width: 100%;
+      height: 100%;
+      max-width: 15rem;
+    }
+  }
+  .btns {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    width: 100%;
+    background-color: #141722;
+    .btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 9.56rem;
+      height: 1.84rem;
+      border-radius: .92rem;
+      background-image: linear-gradient(to right, #FF7C39 , #FF9C40);
+      box-shadow: 0 0 8px #ff7b398a;
+      .icon {
+        height: 1.08rem;
+      }
+      .txt {
+        display: block;
+        width: 3rem;
+        font-size: .6rem;
+        margin-left: .52rem;
+      }
+    }
+    .ios {
+      margin-top: .3rem;
+      margin-bottom: .64rem;
+    }
+  }
+}

public/web/css/register.css

@@ -0,0 +1,223 @@
+@media screen and (min-width: 320px) {
+  html {
+    font-size: 21.33333333px;
+  }
+}
+@media screen and (min-width: 360px) {
+  html {
+    font-size: 24px;
+  }
+}
+@media screen and (min-width: 375px) {
+  html {
+    font-size: 25px;
+  }
+}
+@media screen and (min-width: 384px) {
+  html {
+    font-size: 25.6px;
+  }
+}
+@media screen and (min-width: 400px) {
+  html {
+    font-size: 26.66666667px;
+  }
+}
+@media screen and (min-width: 414px) {
+  html {
+    font-size: 27.6px;
+  }
+}
+@media screen and (min-width: 424px) {
+  html {
+    font-size: 28.26666667px;
+  }
+}
+@media screen and (min-width: 540px) {
+  html {
+    font-size: 36px;
+  }
+}
+@media screen and (min-width: 720px) {
+  html {
+    font-size: 48px;
+  }
+}
+@media screen and (min-width: 750px) {
+  html {
+    font-size: 50px;
+  }
+}
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #12141B;
+  color: #E5E7EF;
+}
+.title {
+  text-align: center;
+  font-size: 0.9rem;
+  margin-top: 2.72rem;
+}
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 1.66rem;
+}
+.content .out-box {
+  width: 13rem;
+  height: 1.84rem;
+  margin-bottom: 0.8rem;
+  border: 1px solid #CCCCCC;
+  border-radius: 0.92rem;
+}
+.content .out-box .inner-box {
+  display: flex;
+  align-items: center;
+  width: 12.36rem;
+  height: 1.84rem;
+  margin: 0 auto;
+}
+.content .out-box .icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.94rem;
+  height: 0.8rem;
+}
+.content .out-box .icon .icon-img {
+  width: 0.8rem;
+  height: 0.8rem;
+  margin-left: 0.1rem;
+}
+.content .out-box .line {
+  width: 0.04rem;
+  height: 0.8rem;
+  background-color: #6F7073;
+}
+.content .out-box .input {
+  flex: 1;
+  height: 80%;
+  margin-left: 0.48rem;
+}
+.content .out-box .input input {
+  display: block;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+  border: none;
+  color: white;
+  font-size: 0.56rem;
+  outline: none;
+}
+.content .out-box .btn-code {
+  width: 3.48rem;
+  height: 1.08rem;
+  font-size: 0.48rem;
+  background-color: #FC913A;
+  border-radius: 0.54rem;
+  text-align: center;
+  line-height: 1.08rem;
+  margin-left: 0.28rem;
+}
+.content .out-box .btn-password {
+  display: flex;
+  align-items: center;
+  justify-content: right;
+  width: 0.8rem;
+  height: 0.8rem;
+  margin-right: 0.56rem;
+  margin-left: 0.28rem;
+}
+.content .out-box .btn-password .btn-password-img {
+  width: 0.72rem;
+  height: 0.52rem;
+}
+.content .yaoqingma {
+  margin: 0;
+}
+.content .protocol {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 13rem;
+  height: 0.56rem;
+  font-size: 0.52rem;
+  color: #707173;
+  margin-top: 0.84rem;
+  margin-bottom: 0.84rem;
+}
+.content .protocol input[type='checkbox'] {
+  box-sizing: border-box;
+  width: 0.56rem;
+  height: 0.56rem;
+  background-color: transparent;
+  -webkit-appearance: none;
+  border: 2px solid #979797;
+  border-radius: 2px;
+  outline: none;
+}
+.content .protocol .checkbox input[type='checkbox']:checked {
+  background-color: #FF9B40;
+}
+.content .protocol .checkbox {
+  display: flex;
+  align-items: center;
+}
+.content .protocol .txt {
+  display: block;
+  margin-left: 0.28rem;
+  line-height: 0.56rem;
+}
+.content .protocol .txt a {
+  color: #D48634;
+  text-decoration: none;
+}
+.content input[type='submit'] {
+  width: 13rem;
+  height: 1.84rem;
+  border-radius: 0.92rem;
+  border: none;
+  background-image: linear-gradient(to right, #FF7C39, #FF9C40);
+  color: white;
+  font-size: 0.56rem;
+  box-shadow: 0 0 8px #ff7b398a;
+}
+
+/*弹窗*/
+.Mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;}
+#content{width: 80%;
+    border-radius: 5px;
+    background: #fff;
+    padding: 15px;}
+.name{font-size: 16px;
+    text-align: center;
+    color: #333;
+    padding-bottom: 15px;}
+.neir{font-size: 12px;
+    color: #6E6E6E;
+    line-height: 16px;
+    min-height: 50px;
+    max-height: 400px;
+    overflow: auto;
+}
+.neir::-webkit-scrollbar{display:none;}
+.btn{width: 90%;
+    height: 36px;
+    border-radius: 18px;
+    background: #0076c7;
+    text-align: center;
+    line-height: 36px;
+    font-size: 14px;
+    color: #fff;
+    margin-top: 20px;
+    margin-left: 5%;
+    background-image: linear-gradient(to right, #FF7C39, #FF9C40);
+}
+p{
+    /*margin-top: inherit;*/
+    margin-bottom: 0;
+}

public/web/css/register.less

@@ -0,0 +1,142 @@
+@import "common";
+
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #12141B;
+  color: #E5E7EF;
+}
+.title {
+  text-align: center;
+  font-size: .9rem;
+  margin-top: 2.72rem;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 1.66rem;
+  .out-box {
+    width: 13rem;
+    height: 1.84rem;
+    margin-bottom: .8rem;
+    border: 1px solid #CCCCCC;
+    border-radius: .92rem;
+    .inner-box {
+      display: flex;
+      align-items: center;
+      width: 12.36rem;
+      height: 1.84rem;
+      margin: 0 auto;
+    }
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 1.94rem;
+      height: .8rem;
+      .icon-img {
+        width: .8rem;
+        height: .8rem;
+        margin-left: .1rem;
+      }
+    }
+    .line {
+      width: .04rem;
+      height: .8rem;
+      background-color: #6F7073;
+    }
+    .input {
+      flex: 1;
+      height: 80%;
+      margin-left: .48rem;
+      input {
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+        background-color: transparent;
+        border: none;
+        color: white;
+        font-size: .56rem;
+        outline: none;
+      }
+    }
+    .btn-code {
+      width: 3.48rem;
+      height: 1.08rem;
+      font-size: .48rem;
+      background-color: #FC913A;
+      border-radius: .54rem;
+      text-align: center;
+      line-height: 1.08rem;
+      margin-left: .28rem;
+    }
+    .btn-password {
+      display: flex;
+      align-items: center;
+      justify-content: right;
+      width: .8rem;
+      height: .8rem;
+      margin-right: .56rem;
+      margin-left: .28rem;
+      .btn-password-img {
+        width: .72rem;
+        height: .52rem;
+      }
+    }
+  }
+  .yaoqingma {
+    margin: 0;
+  }
+  .protocol {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 13rem;
+    height: .56rem;
+    font-size: .52rem;
+    color: #707173;
+    margin-top: .84rem;
+    margin-bottom: .84rem;
+    input[type='checkbox']{
+      box-sizing: border-box;
+      width: .56rem;
+      height: .56rem;
+      background-color: transparent;
+      -webkit-appearance:none;
+      border: 2px solid #979797;
+      border-radius: 2px;
+      outline: none;
+    }
+    .checkbox input[type='checkbox']:checked{
+      // background: url("../images/Rectangle.png") no-repeat center;
+      background-color: #FF9B40;
+    }
+    .checkbox {
+      display: flex;
+      align-items: center;
+    }
+    .txt {
+      display: block;
+      margin-left: .28rem;
+      line-height: .56rem;
+      a {
+        color: #D48634;
+        text-decoration: none;
+      }
+    }
+  }
+  input[type='submit'] {
+    width: 13rem;
+    height: 1.84rem;
+    border-radius: .92rem;
+    border: none;
+    background-image: linear-gradient(to right, #FF7C39 , #FF9C40);
+    color: white;
+    font-size: .56rem;
+    box-shadow: 0 0 8px #ff7b398a;
+  }
+}

public/web/download.html

@@ -0,0 +1,26 @@
+<!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>橙路</title>
+  <link rel="stylesheet" href="./css/download.css">
+</head>
+<body>
+  <div class="content">
+    <div class="title">橙路，为单身男女所打造的专业交友软件</div>
+    <div class="banner"><img src="./images/bg.png" alt=""></div>
+    <div class="btns">
+      <div class="btn ios">
+        <img src="./images/ios.png" class="icon">
+        <p class="txt">ios版下载</p>
+      </div>
+      <div class="btn andriod">
+        <img src="./images/Android.png" class="icon">
+        <p class="txt">安卓版下载</p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

public/web/js/register.js

@@ -0,0 +1,67 @@
+const btn_code = document.getElementById('btn-code')
+let timer
+let current   //  剩余多少秒
+let isWating = false  // 是否正在倒计时
+
+// 获取验证码点击事件
+btn_code.onclick = () => {
+  if (isWating) return
+  isWating = true
+  clearInterval(timer)
+  current = 60
+  timer = setInterval(() => {
+    current--
+    btn_code.innerText = current
+    if (current <= 0) {
+      isWating = false
+      btn_code.innerText = '重新获取'
+      clearInterval(timer)
+    }
+  }, 1000)
+}
+
+// 显示隐藏密码
+const btn_password = document.getElementById('btn-password')
+const password = document.getElementById('password')
+
+btn_password.onclick = () => {
+  if (password.type === 'password') {
+    password.type = 'text'
+  } else {
+    password.type = 'password'
+  }
+}
+
+
+
+// 提交按钮事件
+function checkForm() {
+  const phoneVal = document.getElementById('phone').value
+  const validVal = document.getElementById('valid').value
+  const passwordVal = document.getElementById('password').value
+  const protocol = document.getElementById('chk')
+
+  if (!protocol.checked) {
+    const res = confirm('注册即同意用户协议和隐私协议，确定将自动勾选')
+    if (res) protocol.checked = true
+  }
+
+  if (phoneVal && validVal && passwordVal) {
+    if (checkPhone(phoneVal)) {
+      window.location.href="download.html";
+    } else {
+      alert('请填写正确的手机号')
+    }
+  } else {
+    alert('请输入内容！')
+  }
+  return false
+}
+
+
+// 手机号检测
+function checkPhone(value){ 
+  const reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/
+  if(reg.test(value)) return true
+  else return false
+}

public/web/register.html

@@ -0,0 +1,262 @@
+<!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>邀请注册</title>
+    <script src="js/mui.min.js"></script>
+    <script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
+    <link href="css/mui.min.css" rel="stylesheet"/>
+    <link rel="stylesheet" href="./css/register.css">
+</head>
+<body>
+<div class="title">欢迎来到橙π</div>
+<div class="content">
+    <form action="" onsubmit="return checkForm()">
+        <!-- 手机号 -->
+        <div class="out-box phone">
+            <div class="inner-box">
+                <div class="icon">
+                    <img class="icon-img" src="./images/phone.png">
+                </div>
+                <div class="line"></div>
+                <div class="input">
+                    <input id="phone" type="number" placeholder="请输入手机号码"/>
+                </div>
+            </div>
+        </div>
+        <!-- 验证码 -->
+        <div class="out-box validcode">
+            <div class="inner-box">
+                <div class="icon">
+                    <img class="icon-img" src="./images/validcode.png">
+                </div>
+                <div class="line"></div>
+                <div class="input">
+                    <input id="valid" type="number" placeholder="请输入验证码"/>
+                    <input type="hidden" id="code_verify">
+                </div>
+                <div class="btn-code" id="btn-code">获取验证码</div>
+
+            </div>
+        </div>
+        <!-- 密码 -->
+        <div class="out-box password">
+            <div class="inner-box">
+                <div class="icon">
+                    <img class="icon-img" src="./images/password.png">
+                </div>
+                <div class="line"></div>
+                <div class="input">
+                    <input id="password" type="password" placeholder="请输入密码"/>
+                </div>
+                <div class="btn-password" id="btn-password">
+                    <img class="btn-password-img" src="./images/eye.png" alt="">
+                </div>
+            </div>
+        </div>
+        <!-- 邀请码 -->
+        <div class="out-box yaoqingma">
+            <div class="inner-box">
+                <div class="icon">
+                    <img class="icon-img" src="./images/email.png">
+                </div>
+                <div class="line"></div>
+                <div class="input">
+                    <input id="ycode" type="text" placeholder="请输入邀请码"/>
+                </div>
+            </div>
+        </div>
+        <!-- 协议 -->
+        <div class="protocol">
+            <label class="checkbox"><input id="chk" class="chk" type="checkbox"/></label>
+            <p class="txt xiey">登录即表示同意<a href="javascript:void(0)">《用户协议》</a>和<a href="javascript:void(0)">《隐私协议》</a></p>
+        </div>
+        <!-- 提交 -->
+        <input id="submit" type="submit" value="注册"/>
+    </form>
+
+
+</div>
+
+<div class="Mask" style="display: none;">
+    <div id="content">
+        <p class="name">用户协议</p>
+        <p class="neir"></p>
+        <p class="btn">确定</p>
+    </div>
+</div>
+<script type="text/javascript" charset="utf-8">
+    mui.init();
+    var yhxy = "";
+    var ysxy = "";
+    //协议
+    $.ajax({
+        url: 'https://t22.9026.com/api/login/xieyi?id=1&cont=1',
+        type: 'get',
+        data: {},
+        dataType: 'json',
+        success: function (res) {
+            yhxy = res.data.content;
+            //$('.neir').append(res.data.content);
+        }
+    })
+    $.ajax({
+        url: 'https://t22.9026.com/api/login/xieyi?id=2&cont=1',
+        type: 'get',
+        data: {},
+        dataType: 'json',
+        success: function (res) {
+            ysxy = res.data.content;
+            //$('.neir').append(res.data.content);
+        }
+    })
+    //获取短信验证码
+    var codeBtn = true, time = 120, timer;
+    $("#btn-code").on("click", function () {
+        if (codeBtn) {
+            var tel = $("#phone").val();
+            <!-- var pic=$("#pic").val(); -->
+            if (tel.length != 11) {
+                return mui.toast('手机号码格式不对！');
+            }
+            <!-- if(pic.length!=4){ -->
+            <!-- return mui.toast('图片验证码错误！'); -->
+            <!-- } -->
+            codeBtn = false;
+            $.ajax({
+                type: "get",
+                url: "https://t22.9026.com/api/sms/send",
+                dataType: "JSON",
+                data: {
+                    mobile: tel,
+                    event: 'login',
+                },
+                success: function (data) {
+                    if (data.verifyKey) {
+                        $('#code_verify').val(data.verifyKey)
+                        mui.toast('短信发送成功');
+
+                        $(".codeBtn").html(time + 's');
+                        timer = setInterval(function () {
+                            if (time > 0) {
+                                time--;
+                                $("#btn-code").html(time + 's');
+                            } else {
+                                clearInterval(timer);
+                                time = 120;
+                                codeBtn = true;
+                                $("#btn-code").html('重新获取');
+                            }
+                        }, 1000)
+                    } else {
+                       // $(".img").click();
+                        codeBtn = true;
+                    }
+                }
+            });
+        }
+    })
+    //注册
+    var regBtn = true, xieyBtn = true;
+    $("#submit").on("click", function () {
+        if (regBtn) {
+            var tel = $("#phone").val();
+            var msg = $("#valid").val();
+            var pwd = $("#password").val();
+            var ycode = $("#ycode").val();
+            var verifyKey = $("#code_verify").val();
+            if (tel.length != 11) {
+                return mui.toast('手机号码格式不对！');
+            }
+            if (msg.length != 4) {
+                return mui.toast('短信验证码错误！');
+            }
+            if (!(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/.test(pwd))) {
+                return mui.toast('密码格式错误！');
+            }
+
+            if (xieyBtn) {
+                return mui.toast('请先勾选隐私协议');
+            }
+            regBtn = false;
+            $.ajax({
+                type: "POST",
+                url: "https://t22.9026.com/api/login/reg_h5",
+                dataType: "JSON",
+                data: {
+                    mobile: tel,
+                    password: pwd,
+                    smsCode: msg,
+                    ycode: ycode,
+                    verifyKey: verifyKey
+                },
+                success: function (data) {
+                    mui.toast(data.message);
+                    if (data.code == 1) {
+                        setTimeout(function () {
+                            window.location.href = './download.html'
+                        }, 1000)
+                    } else {
+                        regBtn = true;
+                    }
+                    regBtn = true;
+                }
+            });
+        }
+    })
+    //
+    $(".xiey").on("click", function () {
+        if (xieyBtn) {
+            xieyBtn = false;
+            $(this).addClass('active');
+        } else {
+            xieyBtn = true;
+            $(this).removeClass('active');
+        }
+    })
+    //打开协议
+    $(".xiey a:first").on("click", function () {
+        $('.neir').append(yhxy);
+        $('.name').html("用户协议");
+        $(".Mask").fadeIn(300);
+    })
+    $(".xiey a:last").on("click", function () {
+        $('.neir').append(ysxy);
+        $('.name').html("隐私协议");
+        $(".Mask").fadeIn(300);
+    })
+    //关闭协议
+    $(".btn").on("click", function () {
+        $(".Mask").fadeOut(300);
+    })
+
+    //眼睛
+    $("#btn-password").on("click", function () {
+        if ($('#password').attr('type') == 'password') {
+            //$(this).children('img').attr('src', 'img/eyes_open.png')
+            $('#password').attr('type', 'text');
+        } else {
+            //$(this).children('img').attr('src', 'img/eyes_close.png')
+            $('#password').attr('type', 'password');
+        }
+    })
+</script>
+</body>
+</html>
+
+<script type="text/javascript">
+    $(function () {
+        $('#ycode').val(getUrlParam('invoce'));
+    });
+
+    function getUrlParam(name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");//构造一个含有目标参数的正则表达式对象
+        var r = window.location.search.substr(1).match(reg);//匹配目标参数
+        if (r != null) return unescape(r[2]);
+        return null;//返回参数值
+    }
+</script>
+</body>
+</html>