program/src/components/index/login.vue

<script>
import user_store from "@/store/index";
import {reload_userinfo} from "../../utils/user";
import {userGetCode, userLogin, userRegister} from "@/requests/user";
import Toast from "../../../static/vant/toast/toast";

let $this;
export default {
  name: "UserLogin",
  props: ["sign"],
  data() {
    return {
      phone: "",
      captcha: "",
      btn_disabled: true,
      time_show: false,
      time_count: 60,
      protocolChecked: false,
      protocol_show: false,
      js_code: "",
      userinfo: {
        nickName: "",
        avatarUrl: "",
        gender: "",
      },
      auth_login: false,
    };
  },
  watch: {
    captcha($new, $old) {
      if ($new.length == 6) {
        wx.hideKeyboard();
      }
    },
  },
  methods: {
    // 跳转到首页
    backHome() {
      this.$emit("welcomeStatus", 0);
    },
    // 校验手机号码和验证码
    inputValidator() {
      let $reg = /(13\d|14[579]|15[^4\D]|17[^49\D]|18\d|19\d|16\d)\d{8}/;
      let $verify_reg = /\d{6}/;
      $this.btn_disabled = !($reg.test($this.phone) && $verify_reg.test($this.captcha));
    },
    //获取验证码
    getCaptchaCode() {
      let $reg = /(13\d|14[579]|15[^4\D]|17[^49\D]|18\d|19\d|16\d)\d{8}/;
      if ($reg.test($this.phone) === false) {
        Toast.fail("请输入正确手机号");
        return false;
      }
      // 打开倒计时
      $this.openCountdown();
      let $params
      if ($this.sign * 1 === 1) {
        // 注册验证码
        $params = {
          phone: $this.phone,
          is_register: 1
        }
      } else {
        // 登录验证码
        $params = {
          phone: $this.phone,
          is_register: 0
        }
      }
      // 获取验证码
      userGetCode($params).then((res) => {
        let $data = res.data;
        Toast.success($data["errmsg"]);
      });
    },
    // 打开倒计时
    openCountdown() {
      $this.time_count = 60;
      $this.time_show = true;
    },
    //倒计时结束
    finishCountdown() {
      $this.time_show = false;
    },
    // 用户协议
    protocolShow($flag) {
      $this.protocol_show = $flag;
    },
    // 获取用户信息
    getUserInfo() {
      wx.getUserProfile({
        desc: "获取你的昵称、头像、地区及性别",
        success: (res) => {
          $this.userinfo = res.userInfo;
          $this.wechatLogin();
          console.log("微信用户信息：", $this.userinfo);
        },
        fail: (res) => {
          //拒绝授权
          Toast.fail("请进行授权登录");
        }
      });
    },
    //微信授权登录
    wechatLogin() {
      Toast.loading({
        forbidClick: true,
        message: "操作中...",
      });
      let $params = {
        phone: $this.phone,
        code: $this.captcha,
        js_code: $this.js_code
      };
      $params["user_name"] = $this.userinfo.nickName;
      $params["portrait"] = $this.userinfo.avatarUrl;
      $params["sex"] = $this.userinfo.gender;
      wx.login({
        success($res) {
          $params["js_code"] = $res.code;
          if ($this.sign * 1 === 1) {
            // 用户注册
            userRegister($params).then(
              (res) => {
                console.log(res);
                wx.setStorageSync("is_first", true);
                let $data = res.data;
                if (!$data["code"]) {
                  Toast.clear();
                  $this.login_success($data);
                } else {
                  Toast.fail($data["errmsg"]);
                }
              },
              (err) => {
                console.log(err);
              }
            );
          } else if ($this.sign * 1 === 2) {
            // 用户登录
            userLogin($params).then(
              (res) => {
                wx.setStorageSync("is_first", false);
                let $data = res.data;
                if ($data["code"] * 1 === 0) {
                  $this.login_success($data);
                } else {
                  Toast.fail($data["errmsg"]);
                }
              },
              (err) => {
                console.log(err);
              }
            );
          }
        },
      });
    },
    //登录成功
    login_success($data) {
      Toast.success($data["errmsg"]);
      user_store.setters.set_token($data["data"]);
      user_store.setters.set_login();
      $this.$emit("loginStatus", true);
      //获取用户信息
      reload_userinfo($this);
      console.log("登录成功",$data);
      console.log("登录成功2",$this.userinfo)
    },
    changeCheck(){
      this.protocolChecked = !this.protocolChecked;
    }
  },
  mounted() {
    $this.js_code = user_store.getters.getJsCode();
  },
  created() {
    $this = this;
    wx.getSetting({
      success(res) {
        let $authSetting = res.authSetting;
        $this.auth_login = !$authSetting["scope.userInfo"];
        console.log("auth", $this.auth_login);
      },
    });
  },
};
</script>

<template>
  <div id="index_login_container" class="animation-slide-right">
    <view class="text-xl padding text-center">
      <img class="back back-home" @click="backHome" src="https://img.shuimuai.com/fanhui.png" alt=""/>
      <text class=" text-bold title_color">{{ sign * 1 === 1 ? "注册会员" : "会员登录" }}</text>
    </view>
    <view class="text-df text-center text-note">请输入手机号码，以便更好的享受我们的服务</view>
    <div class="register_form_container text-center">
      <form action="">
        <view class="cu-form-group">
          <view class="title">手机号码</view>
          <input placeholder="请输入手机号" v-model="phone" maxlength="11" @input="inputValidator"/>
          <view class="cu-capsule radius">
            <view class='cu-tag bg-blue'>+86</view>
            <view class="cu-tag line-blue">中国大陆</view>
          </view>
        </view>
        <view class="cu-form-group">
          <view class="title">验证码</view>
          <input placeholder="输入验证码" name="input" v-model="captcha" maxlength="6" @input="inputValidator"
                 clearable/>
          <button class='cu-btn bg-primary text-white shadow' :disabled="time_show" @click="getCaptchaCode">
            <van-count-down v-if="time_show" :auto-start="time_show" class="control-count-down"
                            @finish="finishCountdown" :time="time_count * 1000" format="ss"/>
            <text>获取验证码</text>
          </button>
        </view>
      </form>
    </div>
    <div class="text-center padding-lr padding-top">
      <button class="cu-btn lg cu-btn-primary text-white text-center" @click="getUserInfo" :disabled="btn_disabled">
        {{ sign * 1 === 1 ? "注册" : "登录" }}
      </button>
    </div>
    <view class="text-center text-xs protocol_text">
      <span @click="changeCheck" class="checkbox" :class="{checked:protocolChecked}"></span><text @click="changeCheck" class="text-gray">已阅读并同意</text>
      <text class="text-primary" @click="protocolShow(true)">《用户隐私协议》</text>
    </view>
    <!-- 用户协议弹窗-->
    <van-popup :show="protocol_show" @close="protocolShow(false)" position="bottom" round>
      <div class="protocol_content padding-lr">
        <div>
          <h1
            style="margin-top:17pt; margin-bottom:16.5pt; text-align:center; page-break-inside:avoid; page-break-after:avoid; line-height:240%; widows:0; orphans:0; font-size:22pt">
            <span>隐私协议</span>
          </h1>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>欢迎您使用</span>
            <span>水母智脑小程序</span>
            <span>（以下简称：“本应用”）！</span>
            <br/>
            <span>本应用尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，本应用会按照本隐私权政策的规定使用和披露您的个人信息。但本应用将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，本应用不会将这些信息对外披露或向第三方提供。本应用会不时更新本隐私权政策。</span>
            <span>&#xa0;</span>
            <span>您在同意本应用服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于本应用服务使用协议不可分割的一部分。</span>
            <br/>
            <br/>
            <span>1.</span>
            <span>&#xa0;</span>
            <span>适用范围</span>
            <br/>
            <span>(a)</span>
            <span>&#xa0;</span>
            <span>在您注册本应用帐号时，您根据本应用要求提供的个人注册信息；</span>
            <br/>
            <span>(b)</span>
            <span>&#xa0;</span>
            <span>在您使用本应用网络服务，或访问本应用平台网页时，本应用自动接收并记录的您的浏览器和计算机上的信息，包括但不限于您的IP地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据；</span>
            <br/>
            <span>(c)</span>
            <span>&#xa0;</span>
            <span>本应用通过合法途径从商业伙伴处取得的用户个人数据。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <br/>
            <span>您了解并同意，以下信息不适用本隐私权政策：</span>
            <br/>
            <span>(a)</span>
            <span>&#xa0;</span>
            <span>您在使用本应用平台提供的搜索服务时输入的关键字信息；</span>
            <br/>
            <span>(b)</span>
            <span>&#xa0;</span>
            <span>本应用收集到的您在本应用发布的有关信息数据，包括但不限于参与活动、成交信息及评价详情；</span>
            <br/>
            <span>(c)</span>
            <span>&#xa0;</span>
            <span>违反法律规定或违反本应用规则行为及本应用已对您采取的措施。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <br/>
            <span>2.</span>
            <span>&#xa0;</span>
            <span>信息使用</span>
            <br/>
            <span>(a)本应用不会向任何无关第三方提供、出售、出租、分享或交易您的个人信息，除非事先得到您的许可，或该第三方和本应用（含本应用关联公司）单独或共同为您提供服务，且在该服务结束后，其将被禁止访问包括其以前能够访问的所有这些资料。</span>
            <br/>
            <span>(b)</span>
            <span>&#xa0;</span>
            <span>本应用亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播您的个人信息。任何本应用平台用户如从事上述活动，一经发现，本应用有权立即终止与该用户的服务协议。</span>
            <br/>
            <span>(c)</span>
            <span>&#xa0;</span>
            <span>为服务用户的目的，本应用可能通过使用您的个人信息，向您提供您感兴趣的信息，包括但不限于向您发出产品和服务信息，或者与本应用合作伙伴共享信息以便他们向您发送有关其产品和服务的信息（后者需要您的事先同意）。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <br/>
            <span>3.</span>
            <span>&#xa0;</span>
            <span>信息披露</span>
            <br/>
            <span>在如下情况下，本应用将依据您的个人意愿或法律的规定全部或部分的披露您的个人信息：</span>
            <br/>
            <span>(a)经您事先同意，向第三方披露；</span>
            <br/>
            <span>(b)为提供您所要求的产品和服务，而必须和第三方分享您的个人信息；</span>
            <br/>
            <span>(c)根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；</span>
            <br/>
            <span>(d)如您出现违反中国有关法律、法规或者本应用服务协议或相关规则的情况，需要向第三方披露；</span>
            <br/>
            <span>(e)如您是适格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷；</span>
            <br/>
            <span>(f)在本应用平台上创建的某一交易中，如交易任何一方履行或部分履行了交易义务并提出信息披露请求的，本应用有权决定向该用户提供其交易对方的联络方式等必要信息，以促成交易的完成或纠纷的解决。</span>
            <br/>
            <span>(g)</span>
            <span>&#xa0;</span>
            <span>其它本应用根据法律、法规或者网站政策认为合适的披露。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <br/>
            <span>4.</span>
            <span>&#xa0;</span>
            <span>信息存储和交换</span>
            <br/>
            <span>本应用收集的有关您的信息和资料将保存在本应用及（或）其关联公司的服务器上，这些信息和资料可能传送至您所在国家、地区或本应用收集信息和资料所在地的境外并在境外被访问、存储和展示。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <br/>
            <span>5.</span>
            <span>&#xa0;</span>
            <span>Cookie的使用</span>
            <br/>
            <span>(a)在您未拒绝接受cookies的情况下，本应用会在您的计算机上设定或取用cookies</span>
            <span>&#xa0;</span>
            <span>，以便您能登录或使用依赖于cookies的本应用平台服务或功能。本应用使用cookies可为您提供更加周到的个性化服务，包括推广服务。</span>
            <br/>
            <span>(b)您有权选择接受或拒绝接受cookies。您可以通过修改浏览器设置的方式拒绝接受cookies。但如果您选择拒绝接受cookies，则您可能无法登录或使用依赖于cookies的本应用网络服务或功能。</span>
            <br/>
            <span>(c)通过本应用所设cookies所取得的有关信息，将适用本政策。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; font-size:9pt; background-color:#ffffff">
            <br/>
            <span>6.</span>
            <span>&#xa0;</span>
            <span>信息安全</span>
            <br/>
            <span>(a)本应用帐号均有安全保护功能，请妥善保管您的用户名及密码信息。本应用将通过对用户密码进行加密等安全措施确保您的信息不丢失，不被滥用和变造。尽管有前述安全措施，但同时也请您注意在信息网络上不存在“完善的安全措施”。</span>
            <br/>
            <span>(b)在使用本应用网络服务进行网上交易时，您不可避免的要向交易对方或潜在的交易对</span>
            <span>方披露自己的个人信息，</span>
            <span>如</span>
            <span>个人信息泄密，尤其是本应用用户名及密码发生泄露，请您立即联络本应用客服，以便本应用采取相应措施</span>
            <span>。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <br/>
            <span>7.本隐私政策的更改</span>
            <br/>
            <br/>
            <span>(a)如果决定更改隐私政策，我们会在本政策中、本公司网站中以及我们认为适当的位置发布这些更改，以便您了解我们如何收集、使用您的个人信息，哪些人可以访问这些信息，以及在什么情况下我们会透露这些信息。</span>
            <br/>
            <span>(b)本公司保留随时修改本政策的权利，因此请经常查看。如对本政策作出重大更改，本公司会通过网站通知的形式告知。</span>
          </p>
          <h1
            style="margin-top:17pt; margin-bottom:16.5pt; text-align:center; page-break-inside:avoid; page-break-after:avoid; line-height:240%; widows:0; orphans:0; font-size:22pt">
            <span>服务协议</span>
          </h1>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>一、总则</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>此份协议是注册用户接受</span>
            <span>深圳水母智脑科技有限公司</span>
            <span>（以下简称</span>
            <span>水母智脑</span>
            <span>）产品和服务时适用的通用条款。因此，请您在注册成为</span>
            <span>水母智脑</span>
            <span>用户前或接受</span>
            <span>水母智脑</span>
            <span>的产品和服务之前，请您详细地阅读本注册用户协议的所有内容。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>1、注册用户了解并同意:</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>只要注册用户</span>
            <span>点击注册按钮即视为</span>
            <span>注册用户已接受了本注册用户协议及</span>
            <span>水母智脑</span>
            <span>的各项服务规则(包括填写实名的联系方式等等），并</span>
            <span>愿意受其约束。如果发生纠纷，注册用户不得以未仔细阅读为由进行抗辩。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>随着市场经营情况的变化，</span>
            <span>水母智脑</span>
            <span>有权随时更改本注册用户协议及相关服务规则。修改本注册用户协议时，</span>
            <span>水母智脑</span>
            <span>将于相关页面公告修改的事实，有权不对注册用户进行个别通知。注册用户应该在每次登录前查询网站的相关公告，以了解注册用户协议及其他服务规则的变化。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>2、若注册用户不同意本注册用户协议或相关服务规则，或者不同意</span>
            <span>水母智脑</span>
            <span>作出的修改，注册用户可以主动停止使用</span>
            <span>水母智脑</span>
            <span>提供的产品和服务，如果在</span>
            <span>水母智脑</span>
            <span>修改协议或服务规则后，注册用户仍继续使用</span>
            <span>水母智脑</span>
            <span>提供的产品和服务，即表示注册用户同意</span>
            <span>水母智脑</span>
            <span>对本注册用户协议及相关服务规则所做的所有修改。由于注册用户在注册用户协议变更后因未熟悉公告规定而引起的损失，</span>
            <span>水母智脑</span>
            <span>将不会承担任何责任。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>3、</span>
            <span>水母智脑</span>
            <span>的各项电子服务的所有权和运作权归</span>
            <span>水母智脑</span>
            <span>。</span>
            <span>水母智脑</span>
            <span>提供的服务将完全按照其发布的服务条款和操作规则严格执行。注册用户必须完全同意所有服务条款并完成注册程序，才能成为</span>
            <span>水母智脑</span>
            <span>的注册用户。注册用户确认:本协议条款是处理双方权利义务的当然约定依据，除非违反国家强制性法律，否则始终有效。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>二、服务简介</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>1、</span>
            <span>水母智脑</span>
            <span>运用自己的</span>
            <span>程序</span>
            <span>系统通过互联网</span>
            <span>产品</span>
            <span>为注册用户提供网络服务。同时，注册用户必须自行配备上网的所需设备，包括个人电脑、调制解调器或其他必备上网装置。自行负担个人上网所支付的与此服务有关的电话费用、网络费用。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>2、基于</span>
            <span>水母智脑</span>
            <span>所提供的网络服务的重要性，注册用户应同意:提供详尽、准确的个人资料。不断更新注册资料，符合及时、详尽、准确的要求。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>3、</span>
            <span>水母智脑</span>
            <span>对注册用户的电子邮件、手机号等隐私资料进行保护，承诺不会在未获得注册用户许可的情况下擅自将注册用户的个人资料信息出租或出售给任何第三方，但以下情况除外:注册用户同意让第三方共享资料;注册用户同意公开其个人资料，享受为其提供的产品和服务;</span>
            <span>水母智脑</span>
            <span>需要听从法庭传票、法律命令或遵循法律程序;</span>
            <span>水母智脑</span>
            <span>发现注册用户违反了</span>
            <span>水母智脑</span>
            <span>服务条款或</span>
            <span>水母智脑</span>
            <span>其它使用规定。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>4、关于注册用户隐私的具体协议以</span>
            <span>水母智脑</span>
            <span>的隐私声明为准。如果注册用户提供的资料包含有不正确的信息，</span>
            <span>水母智脑</span>
            <span>保留结束注册用户使用网络服务资格的权利。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>三、帐户安全性</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>注册用户一旦注册成功，成为</span>
            <span>水母智脑</span>
            <span>的合法的注册用户。注册用户将对注册用户名安全负全部责任。另外，每个注册用户都要对以其注册用户名进行的所有活动和事件负全责。注册用户若发现任何非法使用注册用户帐户或存在安全漏洞的情况，请立即通告</span>
            <span>水母智脑</span>
            <span>。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>&#xa0;</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>四、拒绝提供担保</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>注册用户个人对网络服务的使用承担风险。</span>
            <span>水母智脑</span>
            <span>对此不作任何类型的担保，不论是明确的或隐含的，但是不对商业性的隐含担保、特定目的和不违反规定的适当担保作限制。</span>
            <span>水母智脑</span>
            <span>不担保服务一定能满足注册用户的要求，也不担保服务不会受中断，对服务的及时性，安全性，出错发生都不作担保。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>五、有限责任</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>水母智脑</span>
            <span>对任何直接、间接、偶然、特殊及继起的损害不负责任，这些损害可能来自:不正当使用网络服务，在网上购买商品或进行同类型服务，在网上进行交易，非法使用网络服务或注册用户传送的信息有所变动。这些行为都有可能会导致</span>
            <span>水母智脑</span>
            <span>的形象受损，所以</span>
            <span>水母智脑</span>
            <span>事先提出这种损害的可能性。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>六、通告</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>所有发给注册用户的通告都可通过重要页面的公告或电子邮件或常规的信件传送。</span>
            <span>水母智脑</span>
            <span>的活动信息也将定期通过页面公告</span>
            <ins style="-aw-revision-author:'Jeff'; -aw-revision-datetime:'2021-04-08T11:23:33'">
              <span>或</span>
            </ins>
            <span>电子邮件方式向注册用户发送。注册用户协议条款的修改、服务变更、或其它重要事件的通告会以电子邮箱或者短信进行通知。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>七、注册用户的建议奖励</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>注册用户在他们发表的一些良好建议以及一些比较有价值的策划方案时，</span>
            <span>水母智脑</span>
            <span>愿意展示用户的构想落于实现，这其中</span>
            <span>水母智脑</span>
            <span>会对一些比较好的注册用户反馈信息进行不等的产品奖励或者是积分奖励，但如出现用户策划与广告销售商之间的矛盾</span>
            <span>水母智脑</span>
            <span>不承担任何责任。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>八、责任限制</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>1、如因不可抗力或其他</span>
            <span>水母智脑</span>
            <span>无法控制的原因使</span>
            <span>水母智脑</span>
            <span>销售系统崩溃或无法正常使用导致网上交易无法完成或丢失有关的信息、记录等，</span>
            <span>水母智脑</span>
            <span>不承担责任。但是</span>
            <span>水母智脑</span>
            <span>会尽可能合理地协助处理善后事宜，并努力使客户免受经济损失。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>2、除了</span>
            <span>水母智脑</span>
            <span>的使用条件中规定的其它限制和除外情况之外，在中国法律法规所允许的限度内，对于因交易而引起的或与之有关的任何直接的、间接的、特殊的、附带的、后果性的或惩罚性的损害，或任何其它性质的损害，</span>
            <span>水母智脑</span>
            <span>、</span>
            <span>水母智脑</span>
            <span>的董事、管理人员、雇员、代理或其它代表在任何情况下都不承担责任。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>九、法律管辖和适用</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>1、本协议的订立、执行和解释及争议的解决均应适用中国法律。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>2、如发生</span>
            <span>水母智脑</span>
            <span>服务条款与中国法律相抵触时，则这些条款将完全按法律规定重新解释，而其它合法条款则依旧保持对注册用户产生法律效力和影响。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>3、本协议的规定是可分割的，如本协议任何规定被裁定为无效或不可执行，该规定可被删除而其余条款应予以执行。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>4、如双方就本协议内容或其执行发生任何争议，双方应尽力友好协商解决;协商不成时，任何一方均可向</span>
            <span>水母智脑</span>
            <span>所在地的人民法院提起诉讼。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>十、其他规定</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>1、如本用户协议中的任何内容无论因何种原因完全或部分无效或不具有执行力，本用户协议的其余内容仍应有效并且对协议各方有约束力。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>2、本用户协议中的标题仅为方便而设，不具法律或契</span>
            <span>约效果。</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>&#xa0;</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>深圳水母智脑科技有限公司</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>&#xa0;</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>&#xa0;</span>
          </p>
          <p style="margin-top:0pt; margin-bottom:0pt; text-align:justify; widows:0; orphans:0; font-size:9pt">
            <span>&#xa0;</span>
          </p>
        </div>
      </div>
    </van-popup>
  </div>
</template>

<style scoped>
.back-home {
  width: 22px;
  height: 20px;
  position: absolute;
  left: 20px;
}

.text-primary {
  color: #4b3ab0;
}

.cu-form-group {
  background-color: rgba(255, 255, 255, 0);
}

.text-note {
  color: #4b4b4b;
  font-size: 13px;
}

/*注册页面*/
.register_form_container {
  margin: 70px auto 0px;
  width: 90%;
  height: 108px;
  background: rgba(242, 243, 255, 0.6);
  box-shadow: 0px 3px 7px 0px rgba(159, 159, 159, 0.84);
  border-radius: 11px;
}
.checkbox{
  box-sizing: border-box;
  display: inline-block;
  width:12px;
  height:12px;
  vertical-align: middle;
  margin-top:-2px;
  margin-right: 5px;
  border:1px solid #aaa;
  border-radius:2px;
}
.checkbox.checked{
  border:none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAWlBMVEUAAABoWMRoWMRoV8RoWMRnWMRmPcJoV8RnV8RgVcVoV8RnV8RoVsVoVcNnV8NnV8NoV8RpV8RoWMRnWMNoWMVnWcRnWMRnWMVoV8NpWcVmVsJpWMVmUsJoWMQnm2rXAAAAHXRSTlMA0/c/76sG+lcM86JGN9bEuknp48m+tIN4XFBLGU9B+6sAAACCSURBVCjPrZDbDoQgDERnC4KIq+59vfD/v6lGsCb0TefxND2dFLUOeewPTZBCCHLOc/KNxO0IJ3AqgXvO6QEoHfnr3yZeAjWluz3ce3OvEr33KQD3SZLq0LMwMF2ww4KJ+8eNliXcxwOGJcwXVWzCPA2UFv9TXfln5l8RPzH5W55OzX2AMXPVprhiAAAAAElFTkSuQmCC");
  background-size: 100% 100%;
}

.protocol_content {
  width: 100%;
  height: 500px;
  font-family: '宋体', serif;
}

.protocol_text {
  font-size: 11px;
  padding-top: 4px;
}
</style>