paymentCode/pages/index/paySuccess.vue

<template>
  <view class="login-main">
    <image src="../../static/images/success.png" mode="" style="width: 300px; margin-left: 25px"></image>
    <span style="font-weight: 600; font-size: 44rpx; color: #333333">支付成功</span>
    <view style="margin-top: 20px;text-align: center;">
      次日将有返现红包及店铺代金券，可抵现金花
      可进入AI天枢云小程序查看
    </view>
    <view style="margin-top: 20px">
      <button class="btn">查看红包</button>
    </view>
  </view>
</template>

<script>
import { requestConfig } from "@/app.config.js";

export default {
  data() {
    return {
      requestConfig: requestConfig,
      // 基本案列数据
      radiovalue: 0,
    };
  },
  onLoad() { },
  methods: {},
};
</script>
<style scoped lang="scss">
.u-radio-group--row {
  justify-content: center;
}

.btn {
  margin-top: 20px;
  width: 600rpx;
  height: 90rpx;
  background: linear-gradient(275deg, #01cf6c 0%, #07e278 100%);
  border-radius: 44rpx;
  color: #fff;
}

.radioText {
  font-weight: 500;
  font-size: 24rpx;
  color: #999999;
  line-height: 34rpx;
  text-align: left;
  font-style: normal;
}

.login-main {
  background: url("../../static/images/back.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
}

.login-contont-button {
  .btn {
    margin-top: 20px;
    width: 90%;
    height: 90rpx;
    background: linear-gradient(275deg, #01cf6c 0%, #07e278 100%);
    border-radius: 44rpx;
    color: #fff;
  }
}

.login-contont {
  width: 100%;
  height: 50%;

  .login-contont-info {
    text-align: center;

    .text {
      margin-top: 10px;
      font-weight: 500;
      font-size: 28rpx;
      color: #999999;
      line-height: 40rpx;
      font-style: normal;
    }
  }
}

.radio {
  text-align: center;
  margin-top: 10px;
}

.login-main-content {
  text-align: center;
  padding-top: 100px;
  width: 100%;
  height: 50%;

  .img {
    width: 100px;
    height: 130px;
  }
}
</style>