<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>