<!--
 * @Author: euzhi
 * @Description: 描述
-->
<template>
<view class="appCotent">
    <div class="payOk">
        <div class="ok__icon">
            <image src="@/static/shop/pay-ok1.png" />
        </div>
        <div class="ok__msg">支付成功</div>
        <div class="ok__tips">预计今天发货，请耐心等待</div>
        <div class="ok__btn">
            <div @click="viewId">查看订单</div>
            <div @click="goGhome">返回首页</div>
        </div>
    </div>
</view>
</template>

<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        viewId() {
            uni.navigateTo({
                url: '/pagesD/pages/personal/myOrder'
            })
        },
        goGhome() {
            uni.navigateTo({
                url: '/pages/main'
            })
        }
    },
}
</script>

<style lang="scss" scoped>
.payOk {
    text-align: center;
    padding-top: 80rpx;

    .ok__icon {
        text-align: center;

        image {
            width: 144rpx;
            height: 144rpx;
        }

        margin-bottom: 30rpx;
    }

    .ok__msg {
        font-size: 38rpx;
        font-family: PingFang SC;
        font-weight: bold;
        color: #333333;
        margin-bottom: 20rpx;
    }

    .ok__tips {
        font-size: 30rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #666666;
    }

    .ok__btn {
        padding: 0 40rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 80rpx;

        >div {
            width: 320rpx;
            height: 76rpx;
            font-size: 32rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 76rpx;
            text-align: center;
        }

        >div:nth-of-type(1) {
            background: url('@/static/shop/pay-ok3.png') no-repeat;
            background-size: contain;
        }

        >div:nth-of-type(2) {
            background: url('@/static/shop/pay-ok2.png') no-repeat;
            background-size: contain;
            color: #999999;
        }
    }
}
</style>
