完善页面

src/components/notice/Bill.vue

@@ -0,0 +1,91 @@
+<template>
+    <view class="text-center">
+        <view class="w-120rpx h-120rpx mx-auto">
+            <wd-img width="120rpx" height="120rpx" mode="aspectFill" :src="`${OSS}icon/${info.icon}`" />
+        </view>
+        <view class="mt-40rpx">
+            <view class="font-400 text-32rpx leading-44rpx text-[#303133]">{{ info.title }}</view>
+            <view class="font-bold text-40rpx text-[#121212] leading-56rpx mt-24rpx">{{ Number(props.money).toFixed(2) }}</view>
+        </view>
+        <view class="mt-60rpx mb-38rpx w-100%">
+            <wd-gap height="2rpx" bgColor="#F6F7F9"></wd-gap>
+        </view>
+        <view class="mx-30rpx">
+            <view class="flex justify-between items-center leading-40rpx text-28rpx font-400">
+                <view class="text-[#606266]">当前状态</view>
+                <view class="text-[#303133]">{{ info.desc }}</view>
+            </view>
+
+            <view class="flex justify-between items-center leading-40rpx text-28rpx font-400 mt-20rpx">
+                <view class="text-[#606266]">{{ info.timeDesc }}</view>
+                <view class="text-[#303133]">{{ time }}</view>
+            </view>
+
+            <view class="flex justify-between items-center leading-40rpx text-28rpx font-400 mt-20rpx">
+                <view class="text-[#606266]">交易单号</view>
+                <view class="text-[#303133]">{{ order }}</view>
+            </view>
+        </view>
+    </view>
+</template>
+
+
+<script lang="ts" setup name="PayNotice">
+    const OSS = inject('OSS')
+
+    const props = defineProps({
+        // 类型
+        type: {
+            type: String,
+            default: ''
+        },
+
+        // 描述
+        money: {
+            type: Number,
+            default: 0.00
+        },
+
+        time: {
+            type: String,
+            default: ''
+        },
+
+        order: {
+            type: String,
+            default: ''
+        }
+    })
+
+    const bill = {
+        recharge: {
+            icon: 'icon_pay_success.png',
+            title: '充值成功',
+            desc: '充值成功',
+            timeDesc: '支付时间'
+        },
+        refund: {
+            icon: 'icon_refund.png',
+            title: '退款成功',
+            desc: '已退款',
+            timeDesc: '退款时间'
+        },
+        cashback: {
+            icon: 'icon_cashback.png',
+            title: '推荐会员提现',
+            desc: '已返现',
+            timeDesc: '返现时间'
+        }
+    }
+
+    const info = computed(() => {
+        return bill[props.type] || {}
+    })
+</script>
+
+<script lang="ts">
+export default {}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/components/notice/Pay.vue

@@ -0,0 +1,40 @@
+<template>
+    <view class="text-center">
+        <view class="w-120rpx h-120rpx mx-auto">
+            <wd-img width="120rpx" height="120rpx" mode="aspectFill" :src="`${OSS}icon/icon_pay_success.png`" />
+        </view>
+        <view class="mt-94rpx">
+            <view class="text-[36rpx] text-[#303133] leading-50rpx">{{ title }}</view>
+            <view class="text-[28rpx] text-[#9CA3AF] leading-40rpx mt-20rpx">{{ desc }}</view>
+        </view>
+        <view class="mt-78rpx">
+            <slot name="layout"></slot>
+        </view>
+    </view>
+</template>
+
+
+<script lang="ts" setup name="PayNotice">
+    const OSS = inject('OSS')
+
+    const props = defineProps({
+        // 标题
+        title: {
+            type: String,
+            default: ''
+        },
+
+        // 描述
+        desc: {
+            type: String,
+            default: ''
+        }
+    })
+</script>
+
+<script lang="ts">
+export default {}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/components/notice/Reserve.vue

@@ -0,0 +1,40 @@
+<template>
+    <view class="text-center">
+        <view class="w-300rpx h-300rpx mx-auto">
+            <wd-img width="300rpx" height="300rpx" mode="aspectFill" :src="`${OSS}images/reserve_room_image4.png`"></wd-img>
+        </view>
+        <view class="mt-60rpx text-center">
+            <view class="text-[#303133] text-36rpx leading-50rpx">{{ title }}</view>
+            <view class="text-[#9CA3AF] text-28rpx leading-40rpx font-400 mt-20rpx">{{ desc }}</view>
+        </view>
+        <view class="mt-78rpx">
+            <slot name="layout"></slot>
+        </view>
+    </view>
+</template>
+
+
+<script lang="ts" setup name="ReserveNotice">
+    const OSS = inject('OSS')
+
+    const props = defineProps({
+        // 标题
+        title: {
+            type: String,
+            default: ''
+        },
+
+        // 描述
+        desc: {
+            type: String,
+            default: ''
+        }
+    })
+</script>
+
+<script lang="ts">
+export default {}
+</script>
+
+<style lang="scss" scoped>
+</style>