LocalLivingServicesUniapp/pages/finance/submitted.vue

<template>
  <view class="container">
    <view class="top"></view>
    <view class="head">
      <span class="cuIcon-back" @click="goBack"></span>
      <view class="case"> 已提交 </view>
    </view>

    <view class="content">
      <image class="icon" src="/static/finance/status/success.png" />

      <text class="title">提交成功</text>
      <text class="desc">已提交审核，请耐心等待平台审核</text>

      <view class="btn" @click="goBack">返回账户</view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.navigateTo({
        url: '/pages/finance/balance',
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background: #ffffff;
  font-family: Source Han Sans SC;

  /*#ifdef APP-PLUS*/
  .top {
    width: 100%;
    height: var(--status-bar-height);
    background: #fff;
  }

  /*#endif*/

  .head {
    width: 100%;
    height: 112rpx;
    padding: 20rpx;
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
    border-bottom: 1rpx solid #eeeeee;

    .cuIcon-back {
      font-size: 40rpx;
      margin-right: 40rpx;
    }

    .case {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      font-weight: 500;
      font-size: 38rpx;
      color: #333333;
    }
  }

  .content {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;

    .icon {
      width: 104rpx;
      height: 104rpx;
      margin: 83rpx 0 21rpx;
    }

    .title {
      font-weight: 500;
      font-size: 50rpx;
      color: #333333;
      margin-bottom: 10rpx;
    }

    .desc {
      font-weight: 400;
      font-size: 29rpx;
      color: #666666;
      margin-bottom: 125rpx;
    }

    .btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 642rpx;
      height: 79rpx;
      background: linear-gradient(90deg, #4daeee 0%, #449aff 100%);
      border-radius: 55rpx 55rpx 55rpx 55rpx;
      font-weight: 500;
      font-size: 29rpx;
      color: #ffffff;
    }
  }
}
</style>