horzi_rai_wxa/pageMy/applyResult/applyResult.vue

<template>
  <view class="applyResult-container container">
    <view class="middle-cont">
      <image src="https://hzstatic.hzinsights.com/cygx/czbk/success_ico.png" class="success_ico"></image>
      <text>申请已提交</text>
      <text>请等待销售人员与您联系</text>
      <view class="btn-cont" @click="goIndex"> 返回 </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      phone: "",
      type: "",
    };
  },
  methods: {
    callNum() {
      uni.makePhoneCall({
        phoneNumber: this.phone,
      });
    },
    goIndex() {
      uni.navigateBack({
        delta: 2,
        fail: (err) => {
          uni.switchTab({
            url: "/pages/index/index",
          });
        },
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.applyResult-container {
  .middle-cont {
    margin: 90rpx auto 0;
    text-align: center;
    font-size: 32rpx;
    line-height: 52rpx;
    .success_ico {
      width: 150rpx;
      height: 150rpx;
      margin: 0 auto 30rpx;
    }
    .contract-cont {
      margin-top: 80rpx;
      .phone_num {
        display: inline;
        color: #d4bf86;
      }
    }
    .btn-cont {
      width: 368rpx;
      height: 80rpx;
      background: linear-gradient(268deg, #2ddbff 0%, #1599ff 49%, #005eff 100%);
      color: #fff;
      font-size: 34rpx;
      margin: 140rpx auto 0;
      text-align: center;
      line-height: 80rpx;
      .btn_bg {
        width: 100%;
        height: 80rpx;
        position: absolute;
        left: 0;
        top: 0;
      }
      .btn-txt {
        width: 100%;
        position: absolute;
        z-index: 1;
      }
    }
  }
}
</style>