<template>
  <!-- #ifdef H5 -->
  <view class="downloadTipsBox" v-if="closePopup">
    <image class="logoImg" src="/static/img/logo.76c4d986.png"></image>
    <view class="textAlert">{{ $lang.lang.integral.downloadTitle }}</view>
    <view class="descText">{{ $lang.lang.integral.downloadTextDesc }} </view>
    <view class="downloadTips descText">{{ $lang.lang.integral.downloadTextTips }}</view>
    <view class="downloadBtn" @click="handleDownload">{{ $lang.lang.integral.downloadBtn }}</view>
    <!-- <view class="closeBtn-l" @click="closePopup = false">X</view> -->
  </view>
  <!-- #endif -->
</template>

<script>
import userAgreement from '../../components/userAgreement/index.vue'
export default {
  components: {
    userAgreement
  },
  data() {
    return {
      closePopup: true,
      areaIndex: 0,
      mobile: '',
      password: '',
      passworded: '',
      code: '',
      agree: false,
      areaData: [],
      areaName: [],
      leftTime: 60,
      referralCode: ''
    }
  },
  onLoad() {
    this.Country()
    this.referralCode = this.$route.query.code
  },
  methods: {
    handleDownload() {
      if (uni.getSystemInfoSync().platform === 'android') {
        console.log('运行Android上')
        window.open('https://www.pgyer.com/qHcSOD1F', '_blank')
      } else {
        window.open('https://apps.apple.com/cn/app/e-c-logistics/id6466407990', '_blank')
        console.log('运行iOS上')
      }
    }
  }
}
</script>
<style>
.downloadTipsBox {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #373333c7;
  padding: 10upx 54upx;
  display: flex;
  z-index: 10;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
}
.textAlert {
  padding: 40upx;
  font-size: 40upx;
  color: #fff;
}
.logoImg {
  height: 200rpx;
  width: 200rpx;
}
.downloadBtn {
  background: #5ba8dc;
  padding: 4upx 20upx;
  color: #fff;
  font-size: 36upx;
  border-radius: 100px;
}
.closeBtn-l {
  color: #fff;
  font-size: 24upx;
  padding: 8px;
  top: 0px;
  position: absolute;
  right: 70px;
}
.descText {
  color: #fff;
  font-size: 26upx;
  padding-bottom: 40upx;
}
.downloadTips {
  color: red;
  width: 100%;
}
</style>
