制作我的页面和优化

src/components/coupon/GroupCoupon.vue

@@ -2,7 +2,7 @@
     <view class="p-30rpx rounded-16rpx mb-20rpx bg-white" @click="onCheck(coupon.id)">
         <view class="flex justify-between items-start relative ">
             <view class="w-180rpx h-180rpx">
-                <wd-img width="100%" height="100%" :src="`${OSS}images/home_image5.png`"></wd-img>
+                <wd-img width="100%" height="100%" :src="`${OSS}images/home/home_image5.png`"></wd-img>
             </view>
             <view class="flex-1 ml-32rpx line-1" :class="canUse ? '' : 'opacity-40'">
                 <view class="text-32rpx text-[#303133] leading-44rpx line-1 w-350rpx">这是团购券套餐名称这是团购券套餐名称</view>

src/components/navbar.vue

@@ -4,15 +4,15 @@
         <template #left>
             <view class="h-48rpx flex items-center" @click="navbar.back">
                 <wd-img width="48rpx" height="48rpx" :src="`${OSS}icon/icon_arrow_left.png`" class="mt-6rpx"></wd-img>
-                <view class="text-[#303133] text-36rpx ml-24rpx leading-48rpx">{{ title }}</view>
+                <view class="text-[#303133] text-36rpx ml-24rpx leading-48rpx" v-if="!layoutLeft">{{ title }}</view>
+                
+                <!-- 开启左侧自定义布局 -->
+                <slot name="left" v-if="layoutLeft"></slot>
             </view>
         </template>
 
         <template #center>
-            <view class="h-48rpx flex items-center">
-                <wd-img width="48rpx" height="48rpx" :src="`${OSS}icon/icon_arrow_left.png`" class="mt-6rpx"></wd-img>
-                <view class="text-[#303133] text-36rpx ml-24rpx leading-48rpx">预约茶室</view>
-            </view>
+            <slot name="center"></slot>
         </template>
 
         <template #right>
@@ -33,21 +33,31 @@
     })
 
     const props = defineProps({
+        // 标题
         title: {
             type: String,
             default: ''
         },
 
+        // 是否开启左侧自定义布局
+        layoutLeft: {
+            type: Boolean,
+            default: false
+        },
+
+        // 自定义类名
         customClass: {
             type: String,
             default: ''
         },
 
+        // 是否固定在顶部
         fixed: {
             type: Boolean,
             default: true
         },
 
+        // z-index 层级
         zIndex: {
             type: Number,
             default: 1

src/components/notice/Reserve.vue

@@ -1,7 +1,7 @@
 <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>
+            <wd-img width="300rpx" height="300rpx" mode="aspectFill" :src="`${OSS}images/reserve_room/reserve_room_image4.png`"></wd-img>
         </view>
         <view class="mt-60rpx text-center">
             <view class="text-[#303133] text-36rpx leading-50rpx">{{ title }}</view>

src/components/reserve/RoomList.vue

@@ -2,7 +2,7 @@
     <view v-for="(item, index) in 10" :key="index">
         <view class="flex items-center">
             <view class="w-200rpx h-200rpx">
-                <wd-img width="100%" height="100%" :src="`${OSS}images/reserve_room_image2.png`"
+                <wd-img width="100%" height="100%" :src="`${OSS}images/reserve_room/reserve_room_image2.png`"
                     radius="10rpx"/>
             </view>
             <view class="flex-1 ml-32rpx" v-if="!isGroupBuying">