ious_refuse.vue

<template>
  <view class="main">
    <view class="bg"></view>
    <view class="refuse_title">很遗憾，您的认证未通过</view>
    <view class="reason">您的谛宝白条激活申请，由于 {{reason}} 等原因资质审核未通过</view>
    <view class="btn" v-if="repeat_flg !== 0" @click="reupload">重新填写信息</view>
    <view class="return_home" @click="return_home">返回商城首页</view>
    <view class="refuse_tips">
      <text class="icon"></text>
      <text>确保所填身份信息真实有效，平台会保护您的信息</text>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        reason: '',
        repeat_flg: -1
      }
    },
    onLoad(options) {
      this.reason = uni.getStorageSync('reason') || '';
      this.repeat_flg = options.repeat_flg - 0;
    },
    methods: {
      reupload() {
        uni.navigateTo({
           url: '/pages/apply/applypage1'
        });
      },
      return_home() {
        uni.navigateTo({
           url: '/pages/home/home'
        });
      }
    }
  }
</script>

<style lang="scss" scoped>
  .main {
    .bg {
      width: 258rpx;
      height: 180rpx;
      background: url(https://dbc-static.oss-cn-beijing.aliyuncs.com/static/chahua_jieshu%403x.png) no-repeat;
      background-size: 100% 100%;
      margin: 200rpx auto 24rpx;
    }
    .refuse_title {
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      font-size: 48rpx;
      height: 66prx;
      line-height: 66rpx;
      text-align: center;
      margin-bottom: 24rpx;
    }
    .reason {
      color: #6E6E6E;
      font-size: 28rpx;
      line-height: 40rpx;
      text-align: center;
      padding: 0 32rpx;
    }
    .btn {
      width: 240rpx;
      height: 80rpx;
      text-align: center;
      line-height: 80rpx;
      border-radius: 16rpx;
      background: #FFDB00;
      color: #000;
      font-size: 28rpx;
      margin: 80rpx auto 24rpx;
    }
    .return_home {
      color: #867015;
      font-size: 28rpx;
      height: 40rpx;
      line-height: 40rpx;
      text-align: center;
      margin-bottom: 24rpx;
    }
    .refuse_tips {
      font-size: 24rpx;
      color: #979797;
      text-align: center;
    }
    .icon {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACxklEQVRYR+2YPWhTURSAvyQ2tTFtrbURNJXWOkiRLqIEB7UUu7iLiIgubtrNwUlEqnaRWEHQwVKSIOIi6Kzt4KAI2i4dLA0aBbWx2oZUoy9PbmMkzfu770d4SC+85b3z871z7jn3J6CqqoqPR2AN0GV2/ucIKlDMQmEGSp/h11LlEWNdc+UJd0B0F0S6gJCjWNqPoFKA/AQsTYHyXc5paD0090H7QQhF5XT+SMkDqgp8mYSFZ1Au2XLyVzgYhrb9sOkABOQiKgcoovbhHiy/cwZWr9XUCVuPSUXTGrD0Ed6n4ec3b+CqVhpaYdsJCMdM7ZoDisi9ve09XC3k9jOmkTQGFHMud9e7tBrFSaQ7ftpwThoD5p9A/qm3aTWy1n4I2vt1v+oDitTOJZ1Xq93fEtXdPaSban3AT4/h63O7btzJb9wHsSMaGzqACsyOyDdhm1iPJrI0NYYYSHSu1hTNvOe8ZsXRAhZnITdu062c+KVbLxh7OEMoGODl/aO0RMOrFeMnIdKz6p0W8B+ltwonvCf6tpAZGdT+lU6atYC5MSjOyYVEUqoWbk9vB2OXB9gQadBqR7ohfsoigtlRKM1LurYWk4YTpsKboeusBeCbYSj/sPYsIWELTtgLNsLOC84Bz12ZRFFgeChBa3PdBK8Dtg0nDWiQ4vmFZRLHH1BWoXdHG+lrg4aQjuCkU2xSJMnUa5KpqZVYGUE6hhNGpYrEos1cH3/FaGZaF9IVnLAo1WYkGnU9ZOrqYW6kp1aasBimrcSsuKQaNXJLXS1kW0sjC4uVyncMJ73UCS+Sq0ktpCs4g/SK1663W6Jwbmam2bs7xp2L/forhFXPtL3dEgZtbFgXCyXtwm8FVfvd9oZVKPt+yy8gfX1oqqbA18fOKqSvD+5VSF9ffdRWnG8vjzRtw6/Xb3b6mwey1pdHHjhxY2IN0E30hO5vSvzJmNdXsP8AAAAASUVORK5CYII=) no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 29rpx;
      height: 29rpx;
      border-radius: 50%;
      vertical-align: middle;
      margin-right: 2px;
    }
  }
</style>