xwfb/pages/vip/success.vue

<template>
 <view class="container">
<!--   <view class="top">
   <view class="bg">
    <image src="../../static/img/submit.png" mode=""></image>
   </view>
  </view>
  <view class="between">
   提交成功
  </view>
  <view class="bottom">
   返回首页
  </view> -->
  <view class="re-succ-box">
   <image class="re-succ-img" src="../../static/img/success.png" mode=""></image>
   <view class="re-succ-tit">提交成功</view>
   <view class="re-succ-btn" @click="goBack()">
    返回首页
   </view>
  </view>
 </view>
</template>

<script>
	export default{
		methods: {
			goBack(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			}
		}
	}
</script>

<style lang="scss">
page {
 height: 100%;
}
.container{
 height: 100%;
 background: #FFFFFF;
 // .line-top{
 //  width: 750rpx;
 //  height: 20rpx;
 //  background: #F5F5F5;
 // }
 .re-succ-box {
  padding-top: 170rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  .re-succ-img{
   margin-left: -50rpx;
   width: 320rpx;
   height:260rpx;
   display: block;
  }
  .re-succ-tit{
   margin-top: -26rpx;
   font-size: 40rpx;
   font-family: PingFang SC;
   font-weight: 500;
  }
  .re-succ-btn {
   margin-top: 80rpx;
   width: 350rpx;
   height: 80rpx;
   background: linear-gradient(-35deg, #F8DD4F, #FBEB77);
   border-radius: 40rpx;
   font-size: 36rpx;
   font-family: PingFang SC;
   
   
   display: flex;
   align-items: center;
   justify-content: center;
  }
 }
}
 
</style>