退款申请成功，跳转到退款成功页面

pagesD/pages/personal/refundOk.vue

+<!--
+ * @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>