zh-h5-pay/pages/success.vue

<template>
  <view class="pay-success-page">
    <view class="main">
      <view class="section">
		<view class="money">￥{{money}}</view>
        <image src="@/static/success.png" mode="scaleToFill" class="success-icon" />
        <view class="success-text">支付成功</view>
      </view>
      <view class="button-box">
        <view class="button home" @click="goHomePage">返回首页</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "pay-success",
  data() {
    return {
		money:0,
	};
  },
  onLoad(e) {
  	if(e.money){
		this.money = e.money;
	}
  },
  methods: {
    goHomePage() {
      window.location.href = 'https://wap.jhcs888.com'
    },
  },
};
</script>

<style lang="scss" scoped>
.main {
  background-color: #fff;
  box-sizing: border-box;
  padding-top: 100rpx;

  .success-icon {
    width: 98rpx;
    height: 98rpx;
  }

  .success-text {
    font-size: 34rpx;
    margin-top: 14rpx;
    font-weight: 500;
  }

  .money {
    margin-top: 24rpx;
	margin-bottom: 24rpx;
    font-size: 36rpx;
    color: #666666;
  }

  .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 18rpx 0 42rpx 0;
    border-bottom: 2rpx dashed #c6c6c6;
  }
}

.button-box {
  display: flex;
  justify-content: center;
  padding: 40rpx 176rpx;

  .button {
	
	
    width: 180rpx;
    height: 72rpx;
    font-size: 28rpx;
    border-radius: 72rpx;
    text-align: center;
    line-height: 72rpx;

    &:active {
      background-color: rgb(242, 242, 242);
    }
  }

  .home {
    border: 2rpx solid #6f6f6f;
  }

  .order {
    border: 2rpx solid #ed301d;
    color: #ed301d;
  }
}
</style>