123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- <template>
- <view class="success">
- <!-- <view class="bgc"></view> -->
- <view class="content">
- <view><nav-bar title="none" icon="none" background="transparent" border-color="transparent" ></nav-bar></view>
- <view class="sur flex-column aic">
- <re-image imgSrc="/retail/mall/img_quancoin.png" width="240" height="240"></re-image>
- <view class="texts flex-column">
- <text class="suce-text">充值成功</text>
- <text>支付金额:</text>
- <text>购买游戏币:</text>
- </view>
- <view class="btns">
- <u-button class="order" @click="toOrder">查看订单</u-button>
- <u-button class="home" @click="toHome">返回首页</u-button>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data(){
- return{
- }
- },
- methods: {
- // 返回订单
- toOrder(){
- uni.navigateTo({
- url: '/pages/mall/mallRecharge/index'
- })
- },
- toHome(){
- uni.switchTab({
- url: '/pages/gallery/index'
- })
- }
- },
- }
- </script>
- <style lang="scss" scoped>
- .success{
- width: 100%;
- position: relative;
- .bgc{
- // position: absolute;
-
- }
- .content{
- // z-index: 9;
- width: 100%;
- height: 544rpx;
- background: linear-gradient( 180deg, #FFF4D6 0%, rgba(255,251,193,0.62) 40%, rgba(255,221,202,0.32) 100%);
- padding: 32rpx;
- .sur{
- width: 100%;
- padding: 56rpx 0 64rpx;
- background: #FFFFFF;
- border-radius: 24rpx;
- .texts{
- margin-top: 48rpx;
- font-weight: 500;
- font-size: 28rpx;
- color: #2C2B28;
- .suce-text{
- font-weight: bold;
- font-size: 40rpx;
- text-align: center;
- margin-bottom: 32rpx;
- }
- }
- .btns{
- margin-top: 64rpx;
- button{
- width: 414rpx;
- height: 96rpx;
- }
- .order{
- background: linear-gradient( 140deg, #FF8500 0%, #FFA600 100%);
- border-radius: 48rpx;
- font-weight: bold;
- font-size: 40rpx;
- color: #FFFFFF;
- margin-bottom: 32rpx;
- }
- .home{
- background: #FFFFFF;
- border-radius: 48rpx;
- border: 2rpx solid #9FA2B2;
- font-weight: 500;
- font-size: 40rpx;
- color: #2C2B28;
- }
- }
- }
- }
- }
-
- </style>
|