feat: 商品详情异常问题处理

pages/module/booking/QuickBookingCalender.vue

@@ -14,7 +14,11 @@
 
       <!-- 日历按钮 -->
       <view class="calendar-btn btn-bom" @click="openCalendar">
-        <image src="/static/booking_calendar.png" mode="widthFix" class="calendar-img" />
+        <image
+          src="/static/booking_calendar.png"
+          mode="widthFix"
+          class="calendar-img"
+        />
         <text class="calendar-text">日历</text>
       </view>
     </view>
@@ -30,33 +34,33 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue';
-const emit = defineEmits(['update:date']); // 声明事件
-import Calender from '@/components/Calender/index.vue';
+import { ref, onMounted } from "vue";
+const emit = defineEmits(["update:date"]); // 声明事件
+import Calender from "@/components/Calender/index.vue";
 
 const activeIndex = ref(2); // 默认今天
 const dates = ref([]);
 
-const calendarVisible = ref(false)
-const selectedDate = ref('')
+const calendarVisible = ref(false);
+const selectedDate = ref("");
 
 // 处理日历关闭
 const handleCalendarClose = () => {
-  calendarVisible.value = false
-}
+  calendarVisible.value = false;
+};
 
 // 处理日期选择
 const handleDateSelect = (data) => {
-  selectedDate.value = data.date
-  calendarVisible.value = false
-  console.log('选择的日期:', data.date)
-  emit('update:date', { fullDate: selectedDate.value}); // 传回父组件
-}
+  selectedDate.value = data.date;
+  calendarVisible.value = false;
+  console.log("选择的日期:", data.date);
+  emit("update:date", { fullDate: selectedDate.value }); // 传回父组件
+};
 
 // 初始化日期（前天、昨天、今天、明天、后天）
 const initDates = () => {
   const today = new Date();
-  const labels = ['前天', '昨天', '今天', '明天', '后天'];
+  const labels = ["前天", "昨天", "今天", "明天", "后天"];
   for (let i = -2; i <= 2; i++) {
     const d = new Date(today);
     d.setDate(today.getDate() + i);
@@ -65,18 +69,20 @@ const initDates = () => {
     dates.value.push({
       label: labels[i + 2],
       date: `${month}/${day}`,
-      fullDate: `${d.getFullYear()}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`
+      fullDate: `${d.getFullYear()}-${String(month).padStart(2, "0")}-${String(
+        day
+      ).padStart(2, "0")}`,
     });
   }
 };
 
 const selectDate = (index) => {
-    activeIndex.value = index;
-    emit('update:date', dates.value[index]); // 传回父组件
+  activeIndex.value = index;
+  emit("update:date", dates.value[index]); // 传回父组件
 };
 
 const openCalendar = () => {
-  calendarVisible.value = true
+  calendarVisible.value = true;
 };
 
 onMounted(() => {
@@ -88,8 +94,10 @@ onMounted(() => {
 .date-picker {
   background: rgba(140, 236, 255, 0.24);
   padding: 8rpx 0;
-  border-radius: 8rpx;
-  margin-top: 12px;
+  border-radius: 16rpx;
+  margin: 12px 0 6px;
+  min-width: 325px;
+  box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1); /* 阴影 */
 }
 
 .date-list {
@@ -118,7 +126,7 @@ onMounted(() => {
 }
 
 .date-item.active {
-  background-color: #00A6FF;
+  background-color: #00a6ff;
 }
 .date-item.active .label,
 .date-item.active .date {
@@ -130,7 +138,6 @@ onMounted(() => {
   background: #fff;
   border-radius: 0 16rpx 16rpx 0;
   margin: -8rpx 0;
-  box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1); /* 阴影 */
 }
 .calendar-img {
   width: 16px;