diff --git a/components/ImageSwiper/index.vue b/components/ImageSwiper/index.vue
index c880131..8fd4548 100644
--- a/components/ImageSwiper/index.vue
+++ b/components/ImageSwiper/index.vue
@@ -14,7 +14,7 @@
         v-for="(item, index) in thumbnails"
         :key="index"
       >
-        <image :src="item.imageUrl" mode="aspectFill"></image>
+        <image :src="item.photoUrl" mode="aspectFill"></image>
       </swiper-item>
     </swiper>
 
@@ -23,7 +23,11 @@
     </view>
 
     <!-- 缩略图部分 -->
-    <view v-if="showThumbnails" class="thumbnail-box">
+    <view
+      v-if="showThumbnails"
+      class="thumbnail-box"
+      :style="thumbnailBoxStyle"
+    >
       <scroll-view
         class="thumbnail-scroll"
         scroll-x="true"
@@ -39,8 +43,8 @@
             :id="`thumbnail-${index}`"
             @click="handleThumbnailClick(index)"
           >
-            <image :src="thumb.imageUrl" mode="aspectFill"></image>
-            <text>{{ thumb.name }}</text>
+            <image :src="thumb.photoUrl" mode="aspectFill"></image>
+            <text>{{ thumb.photoName }}</text>
           </view>
         </view>
       </scroll-view>
@@ -73,6 +77,11 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  // 缩略图距离底部的距离，支持数字(px)或字符串
+  thumbnailBottom: {
+    type: [Number, String],
+    default: 0,
+  },
 });
 
 const active = ref(0);
@@ -103,38 +112,18 @@ const swiperStyle = computed(() => {
   };
 });
 
-// 默认图片数据
-const defaultImages = [
-  {
-    imageUrl:
-      "https://one-feel-image-bucket.oss-cn-chengdu.aliyuncs.com/DH04006.jpg",
-    name: "瑶山古寨",
-  },
-  {
-    imageUrl:
-      "https://one-feel-image-bucket.oss-cn-chengdu.aliyuncs.com/DH04002.JPG",
-      name: "民俗表演",
-  },
-  {
-    imageUrl:
-      "https://one-feel-image-bucket.oss-cn-chengdu.aliyuncs.com/DH04007.jpg",
-      name: "特色美食",
-  },
-  {
-    imageUrl:
-      "https://one-feel-image-bucket.oss-cn-chengdu.aliyuncs.com/DH04014.JPG",
-    name: "传统服饰",
-  },
-  {
-    imageUrl:
-      "https://one-feel-image-bucket.oss-cn-chengdu.aliyuncs.com/DH04020.JPG",
-    name: "其他",
-  },
-];
-
 // 使用传入的图片数据或默认数据
-const thumbnails = computed(() => {
-  return props.images;
+const thumbnails = computed(() => props.images);
+
+// 计算缩略图底部距离样式
+const thumbnailBoxStyle = computed(() => {
+  const bottom =
+    typeof props.thumbnailBottom === "number"
+      ? `${props.thumbnailBottom}px`
+      : props.thumbnailBottom;
+  return {
+    bottom: bottom,
+  };
 });
 
 const handleThumbnailClick = (index) => {
diff --git a/components/ImageSwiper/styles/index.scss b/components/ImageSwiper/styles/index.scss
index 5c5038f..d2d7942 100644
--- a/components/ImageSwiper/styles/index.scss
+++ b/components/ImageSwiper/styles/index.scss
@@ -1,81 +1,80 @@
 .image-swiper {
-  position: relative;
-  width: 100%;
+    position: relative;
+    width: 100%;
 }
 
 .swiper-box {
-  overflow: hidden;
-  // 高度和圆角通过内联样式动态设置
+    overflow: hidden;
+    // 高度和圆角通过内联样式动态设置
 }
 
 .swiper-item image {
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 }
 
 .custom-indicator {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  z-index: 10;
-  background: rgba(0, 0, 0, 0.5);
-  border-radius: 50px;
-  padding: 3px 8px;
-  font-size: 8px;
-  color: #fff;
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    z-index: 10;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 50px;
+    padding: 3px 8px;
+    font-size: 8px;
+    color: #fff;
 }
 
 .thumbnail-box {
-  position: absolute;
-  left: 12px;
-  right: 12px;
-  bottom: 0px;
-  height: 60px;
+    position: absolute;
+    left: 12px;
+    right: 12px;
+    height: 60px;
 }
 
 .thumbnail-scroll {
-  width: 100%;
-  height: 100%;
-  white-space: nowrap;
+    width: 100%;
+    height: 100%;
+    white-space: nowrap;
 }
 
 .thumbnail-list {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 0 5px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 0 5px;
 }
 
 .thumbnail-item {
-  flex-shrink: 0;
-  text-align: center;
-  transition: all 0.3s ease;
+    flex-shrink: 0;
+    text-align: center;
+    transition: all 0.3s ease;
 
-  &.active {
-    image {
-      border: 1px solid #fff;
+    &.active {
+        image {
+            border: 1px solid #fff;
+        }
     }
-  }
 }
 
 .thumbnail-item image {
-  width: 48px;
-  height: 38px;
-  border-radius: 4px;
-  box-sizing: border-box;
-  border: 1px solid transparent;
-  transition: all 0.3s ease;
-  display: block;
+    width: 48px;
+    height: 38px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    border: 1px solid transparent;
+    transition: all 0.3s ease;
+    display: block;
 }
 
 .thumbnail-item text {
-  color: #fff;
-  font-size: 8px;
-  display: block;
-  margin-top: 4px;
-  transition: all 0.3s ease;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 48px;
+    color: #fff;
+    font-size: 8px;
+    display: block;
+    margin-top: 4px;
+    transition: all 0.3s ease;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 48px;
 }
diff --git a/pages/chat/ChatCardAI.vue b/pages/chat/ChatCardAI.vue
index 46ad71b..bb4a7e3 100644
--- a/pages/chat/ChatCardAI.vue
+++ b/pages/chat/ChatCardAI.vue
@@ -1,73 +1,73 @@
 <template>
-	<view class="container">
-		<view class="chat-ai">
-			<ChatMarkdown 
-				:key="textKey"
-				:text="processedText"
-			></ChatMarkdown>
-			<slot name="content"></slot>
-		</view>
-		<slot name="footer"></slot>
-	</view>
+  <view class="container">
+    <view class="chat-ai">
+      <ChatMarkdown :key="textKey" :text="processedText" />
+      <slot name="content"></slot>
+    </view>
+    <slot name="footer"></slot>
+  </view>
 </template>
 
 <script setup>
-	import { defineProps, computed, ref, watch } from "vue";
-	import ChatMarkdown from "./ChatMarkdown.vue";
-	
-	const props = defineProps({
-	  text: {
-	    type: String,
-	    default: ''
-	  }
-	});
-	
-	// 用于强制重新渲染的key
-	const textKey = ref(0);
-	
-	// 处理文本内容
-	const processedText = computed(() => {
-		if (!props.text) {
-			return '';
-		}
-		
-		// 确保文本是字符串类型
-		const textStr = String(props.text);
-		
-		// 处理加载状态的文本
-		if (textStr.includes('加载中') || textStr.includes('...')) {
-			return textStr;
-		}
-		
-		return textStr;
-	});
-	
-	// 监听text变化，强制重新渲染
-	watch(() => props.text, (newText, oldText) => {
-		if (newText !== oldText) {
-			textKey.value++;
-		}
-	}, { immediate: true });
-	
+import { defineProps, computed, ref, watch } from "vue";
+import ChatMarkdown from "./ChatMarkdown.vue";
+
+const props = defineProps({
+  text: {
+    type: String,
+    default: "",
+  },
+});
+
+// 用于强制重新渲染的key
+const textKey = ref(0);
+
+// 处理文本内容
+const processedText = computed(() => {
+  if (!props.text) {
+    return "";
+  }
+
+  // 确保文本是字符串类型
+  const textStr = String(props.text);
+
+  // 处理加载状态的文本
+  if (textStr.includes("加载中") || textStr.includes("...")) {
+    return textStr;
+  }
+
+  return textStr;
+});
+
+// 监听text变化，强制重新渲染
+watch(
+  () => props.text,
+  (newText, oldText) => {
+    if (newText !== oldText) {
+      textKey.value++;
+    }
+  },
+  { immediate: true }
+);
 </script>
 
 <style lang="scss" scoped>
-	.container {
-		display: flex;
-		flex-direction: column;
-		max-width: 100%;  // ✅ 限制最大宽度
-		overflow-x: hidden;  // ✅ 防止横向撑开
-		
-		.chat-ai {
-			margin: 6px 12px;
-			padding: 0 12px;
-			
-			min-width: 80px;
-			background: rgba(255,255,255,0.4);
-			box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.1);
-			border-radius: 4px 20px 20px 20px;
-			border: 1px solid;
-			border-color: #FFFFFF;
-		}
-	}
+.container {
+  display: flex;
+  flex-direction: column;
+  max-width: 100%; // ✅ 限制最大宽度
+  overflow-x: hidden; // ✅ 防止横向撑开
+
+  .chat-ai {
+    margin: 6px 12px;
+    padding: 0 12px;
+
+    min-width: 80px;
+    background: rgba(255, 255, 255, 0.4);
+    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 4px 20px 20px 20px;
+    border: 1px solid;
+    border-color: #ffffff;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/pages/goods/index.vue b/pages/goods/index.vue
index be8c41a..9b0b23b 100644
--- a/pages/goods/index.vue
+++ b/pages/goods/index.vue
@@ -8,6 +8,7 @@
         :border-radius="0"
         :height="300"
         :images="goodsData.commodityPhotoList"
+        thumbnailBottom="36px"
       />
 
       <view class="goods-content">
diff --git a/pages/login/styles/index.scss b/pages/login/styles/index.scss
index 14f616e..22b89c0 100644
--- a/pages/login/styles/index.scss
+++ b/pages/login/styles/index.scss
@@ -22,6 +22,7 @@
 
         .login-title {
             width: 137px;
+            height: 32px;
             margin: 6px auto;
         }
 
diff --git a/pages/module/booking/QuickBookingCalender.vue b/pages/module/booking/QuickBookingCalender.vue
index 68b2fe4..68d51ea 100644
--- a/pages/module/booking/QuickBookingCalender.vue
+++ b/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;
diff --git a/pages/module/booking/QuickBookingComponent.vue b/pages/module/booking/QuickBookingComponent.vue
index e414722..1aa6bd9 100644
--- a/pages/module/booking/QuickBookingComponent.vue
+++ b/pages/module/booking/QuickBookingComponent.vue
@@ -1,78 +1,74 @@
 <template>
-	<view class="container">
-		<QuickBookingCalender class="calendar" @update:date="onDateSelected" />
-		<view v-for="item in commodityGroupDTOList" :key="commodityGroupKey(item.title)">
-			<QuickBookingContentList :commodityDTO="item" />
-		</view>
-		
-	</view>
+  <view class="container">
+    <QuickBookingCalender class="calendar" @update:date="onDateSelected" />
+    <view
+      v-for="item in commodityGroupDTOList"
+      :key="commodityGroupKey(item.title)"
+    >
+      <QuickBookingContentList :commodityDTO="item" />
+    </view>
+  </view>
 </template>
 
 <script setup>
-	import QuickBookingCalender from './QuickBookingCalender.vue'
-	import QuickBookingContentList from './QuickBookingContentList.vue'
-	import { ref, nextTick } from 'vue'
-	import { onMounted } from 'vue'
-	import { quickBookingComponent } from '@/request/api/MainPageDataApi'
-	import { SCROLL_TO_BOTTOM } from '@/constant/constant'
+import QuickBookingCalender from "./QuickBookingCalender.vue";
+import QuickBookingContentList from "./QuickBookingContentList.vue";
+import { ref, nextTick } from "vue";
+import { onMounted } from "vue";
+import { quickBookingComponent } from "@/request/api/MainPageDataApi";
+import { SCROLL_TO_BOTTOM } from "@/constant/constant";
 
-	const selectedDate = ref({});
+const selectedDate = ref({});
 
-	const commodityGroupDTOList = ref([])
-	const formattedDate = ref('')
+const commodityGroupDTOList = ref([]);
+const formattedDate = ref("");
 
-	const loadQuickBookingComponent = async () => {
-	    formattedDate.value = formatDate(selectedDate.value.fullDate || new Date());
-		const res = await quickBookingComponent(formattedDate.value)
-		if(res.code === 0 && res.data) {
-			commodityGroupDTOList.value = res.data.commodityGroupDTOList
-			nextTick(() => {
-				setTimeout(() => {
-					uni.$emit(SCROLL_TO_BOTTOM, true)
-				}, 300)
-			});
-		}
-	}
-	
-	const onDateSelected = (date) => {
-		console.log('Selected date:', date);
-		selectedDate.value = date;
-		loadQuickBookingComponent();
-	};
+const loadQuickBookingComponent = async () => {
+  formattedDate.value = formatDate(selectedDate.value.fullDate || new Date());
+  const res = await quickBookingComponent(formattedDate.value);
+  if (res.code === 0 && res.data) {
+    commodityGroupDTOList.value = res.data.commodityGroupDTOList;
+    nextTick(() => {
+      setTimeout(() => {
+        uni.$emit(SCROLL_TO_BOTTOM, true);
+      }, 300);
+    });
+  }
+};
 
-	// 格式化日期为 yyyy-MM-dd
-	const formatDate = (date) => {
-		const d = new Date(date);
-		const year = d.getFullYear();
-		const month = String(d.getMonth() + 1).padStart(2, '0');
-		const day = String(d.getDate()).padStart(2, '0');
-		return `${year}-${month}-${day}`;
-	};
-	
-	const commodityGroupKey = (title) => {
-		return `${title}${formattedDate.value}`
-	}
+const onDateSelected = (date) => {
+  console.log("Selected date:", date);
+  selectedDate.value = date;
+  loadQuickBookingComponent();
+};
 
-	onMounted(() => {
-		console.log('=============')
-		loadQuickBookingComponent()
-	})
-	
+// 格式化日期为 yyyy-MM-dd
+const formatDate = (date) => {
+  const d = new Date(date);
+  const year = d.getFullYear();
+  const month = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+
+const commodityGroupKey = (title) => {
+  return `${title}${formattedDate.value}`;
+};
+
+onMounted(() => {
+  console.log("=============");
+  loadQuickBookingComponent();
+});
 </script>
 
 <style scoped lang="scss">
-	.container {
-		width: 100%;
-		flex: 1;
-		margin-bottom: 12px;
-		
-		.calendar {
-			width: 100%;
-			height: 58px;
-			margin: 12px 0 6px;
-		}
-		
-		
-		
-	}
+.container {
+  width: 100%;
+  flex: 1;
+  margin-bottom: 12px;
+
+  .calendar {
+    width: 100%;
+  }
+}
 </style>
\ No newline at end of file