<template>
  <!-- 状态栏 -->
  <view class="status_bar"></view>

  <!-- 导航栏 -->
  <uni-nav-bar :border="false" :title="navTitle" rightWidth="200rpx" style="padding:10rpx 0">
    <template #right>
      <view @tap="switchTerrace" class="switchTerrace">
        <jx-icon icon="qiehuan" color="#2dd091" />
        <text style="color: #2dd091;font-size:4vw"> 切换平台</text>
      </view>
    </template>
  </uni-nav-bar>

  <view class="logo">
    <image @tap="switchTerrace" :src="log" mode="scaleToFill" />
  </view>

  <view class="login">
    <!-- 果园商家版-未安装微信 不展示 -->
    <template v-if="isWx && getStorage('terrace') == 'jxcs'">
      <view class="btn" @tap="wxPopup.open()">
        <jx-icon icon="weixin" color="#fff" :size="50"></jx-icon>
        <text>微信登录</text>
        <image
          src="https://image.jxc4.com/image/64ff764213150d4c8929c4d554fbaccf.png"
          mode="widthFix"
        />
      </view>
    </template>
    <view class="btn phone" @tap="phoneLogin">
      <jx-icon icon="shoujihao" color="#fff" :size="50"></jx-icon>
      <text>账号登录</text>
      <image
        v-if="getStorage('terrace') == 'jxgy'"
        src="https://image.jxc4.com/image/64ff764213150d4c8929c4d554fbaccf.png"
        mode="widthFix"
      />
    </view>
  </view>

  <view class="info">欢迎进入京西到家商家版</view>

  <uni-popup ref="wxPopup" type="bottom">
    <view class="wxPopup-root">
      <view class="text">
        <view class="agreement-title">用户协议及隐私协议</view>
        <view class="content">
          本协议系您与成都若溪科技有限公司就京西到家商家版帐号的注册和使用而订立的。成都若溪科技有限公司（如下简称“京西到家”）在此特别提醒您认真阅读、充分理解本协议各条款，特别是涉及服务费用条款，免除或者限制京西到家责任的条款，对您的权利限制条款，争议解决和法律适用条款等，此类条款将以加粗的形式提示您注意。请您审慎阅读并选择接受或不接受本协议（限制民事行为能力人应在监护人或法定代理人陪同下阅读）。除非您接受本协议所有条款，否则您无权注册、使用京西到家帐号。您的注册和使用京西到家帐号行为将视为您已充分理解本协议（即本协议及后续更新版本或开通或使用某项服务的单项协议），并同意接受本协议各项条款的约束。
        </view>
        <view class="agreement">
          点击同意即代表您已阅读并同意
          <text class="text" @tap="user">《用户协议》</text>
          <text class="text" @tap="privacy">《隐私协议》</text>
        </view>
      </view>
      <view class="btn">
        <view class="reject" @tap="wxPopup.close()">拒绝</view>
        <button class="resolve" @tap="appWxLoginFn">同意</button>
      </view>
    </view>
  </uni-popup>
</template>

<script lang="ts" src="./wxLogin.ts">
</script>

<style lang="scss" scoped>
@import './wxLogin.scss';
</style>
<style>
page {
  background-color: #fff;
}
</style>