diff --git a/src/components/ImageSwiper/index.vue b/src/components/ImageSwiper/index.vue
index adc56fe..288eb1d 100644
--- a/src/components/ImageSwiper/index.vue
+++ b/src/components/ImageSwiper/index.vue
@@ -14,7 +14,11 @@
v-for="(item, index) in thumbnails"
:key="index"
>
-
+
@@ -43,7 +47,7 @@
:id="`thumbnail-${index}`"
@click="handleThumbnailClick(index)"
>
-
+
{{ thumb.photoName }}
diff --git a/src/components/ImageSwiper/styles/index.scss b/src/components/ImageSwiper/styles/index.scss
index d2d7942..a44b168 100644
--- a/src/components/ImageSwiper/styles/index.scss
+++ b/src/components/ImageSwiper/styles/index.scss
@@ -1,80 +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%;
+.swiper-item .swiper-item-image {
+ 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;
- 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 {
+ .thumbnail-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;
+.thumbnail-item .thumbnail-image {
+ 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/src/components/ModuleTitle/styles/index.scss b/src/components/ModuleTitle/styles/index.scss
index 3e45661..37b5698 100644
--- a/src/components/ModuleTitle/styles/index.scss
+++ b/src/components/ModuleTitle/styles/index.scss
@@ -6,7 +6,6 @@
.module-title {
font-size: 18px;
- font-family: PingFang SC, PingFang SC;
color: #000;
position: relative;
z-index: 1;
diff --git a/src/pages/index/components/chat/ChatCardMine/styles/index.scss b/src/pages/index/components/chat/ChatCardMine/styles/index.scss
index 301f0d2..ca3d3cd 100644
--- a/src/pages/index/components/chat/ChatCardMine/styles/index.scss
+++ b/src/pages/index/components/chat/ChatCardMine/styles/index.scss
@@ -14,8 +14,6 @@
overflow-x: hidden; // ✅ 防止横向撑开
text {
- font-family: PingFang SC, PingFang SC;
- font-weight: 400;
font-size: 15px;
color: #ffffff;
line-height: 22px;
diff --git a/src/pages/index/components/chat/ChatCardOther/styles/index.scss b/src/pages/index/components/chat/ChatCardOther/styles/index.scss
index 065c2e5..fe3dd06 100644
--- a/src/pages/index/components/chat/ChatCardOther/styles/index.scss
+++ b/src/pages/index/components/chat/ChatCardOther/styles/index.scss
@@ -8,8 +8,6 @@
overflow-x: hidden; // ✅ 防止横向撑开
text {
- font-family: PingFang SC, PingFang SC;
- font-weight: 400;
font-size: 14px;
color: #333333;
}
diff --git a/src/pages/index/components/chat/ChatInputArea/index.vue b/src/pages/index/components/chat/ChatInputArea/index.vue
index 140014e..12391b3 100644
--- a/src/pages/index/components/chat/ChatInputArea/index.vue
+++ b/src/pages/index/components/chat/ChatInputArea/index.vue
@@ -3,8 +3,16 @@
-
-
+
+
@@ -47,9 +55,10 @@
-
+
diff --git a/src/pages/index/components/chat/ChatInputArea/styles/index.scss b/src/pages/index/components/chat/ChatInputArea/styles/index.scss
index dba439c..31b9793 100644
--- a/src/pages/index/components/chat/ChatInputArea/styles/index.scss
+++ b/src/pages/index/components/chat/ChatInputArea/styles/index.scss
@@ -15,7 +15,7 @@
width: 44px;
height: 44px;
- image {
+ .voice-icon {
width: 22px;
height: 22px;
}
@@ -56,7 +56,7 @@
height: 100%;
}
- image {
+ .send-icon {
width: 28px;
height: 28px;
}
diff --git a/src/pages/index/components/chat/ChatMainList/styles/index.scss b/src/pages/index/components/chat/ChatMainList/styles/index.scss
index 248721a..fa0f759 100644
--- a/src/pages/index/components/chat/ChatMainList/styles/index.scss
+++ b/src/pages/index/components/chat/ChatMainList/styles/index.scss
@@ -84,55 +84,6 @@
// -webkit-transform: translateZ(0);
}
-.area-input {
- display: flex;
- align-items: center;
- border-radius: 22px;
- background-color: #ffffff;
- box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
- margin: 0 12px;
-
- .input-container-voice {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 44px;
- height: 44px;
- flex-shrink: 0;
- align-self: flex-end;
-
- image {
- width: 22px;
- height: 22px;
- }
- }
-
- .input-container-send {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 44px;
- height: 44px;
- flex-shrink: 0;
- align-self: flex-end;
-
- image {
- width: 28px;
- height: 28px;
- }
- }
-
- .textarea {
- flex: 1;
- max-height: 92px;
- min-height: 22px;
- font-size: 16px;
- line-height: 22px;
- margin-bottom: 2px;
- align-items: center;
- }
-}
-
// 打字机光标闪烁动画
.typing-cursor {
display: inline-block;
diff --git a/src/pages/index/components/chat/ChatQuickAccess/index.vue b/src/pages/index/components/chat/ChatQuickAccess/index.vue
index eb8f90d..df69ba3 100644
--- a/src/pages/index/components/chat/ChatQuickAccess/index.vue
+++ b/src/pages/index/components/chat/ChatQuickAccess/index.vue
@@ -13,7 +13,7 @@
mode="aspectFill"
>
-
+
{{ item.title }}
{{ item.content }}
diff --git a/src/pages/index/components/chat/ChatQuickAccess/styles/index.scss b/src/pages/index/components/chat/ChatQuickAccess/styles/index.scss
index d226864..038f7e0 100644
--- a/src/pages/index/components/chat/ChatQuickAccess/styles/index.scss
+++ b/src/pages/index/components/chat/ChatQuickAccess/styles/index.scss
@@ -42,14 +42,13 @@
align-items: center;
z-index: 1;
- image {
+ .quick-access-item-icon {
width: 16px;
height: 16px;
margin-right: 4px;
}
text {
- font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 12px;
color: #201f32;
@@ -60,11 +59,9 @@
.quick-access-item-content {
z-index: 1;
margin-top: 4px;
- font-family: PingFang SC, PingFang SC;
- font-weight: 400;
font-size: 10px;
color: #678cad;
line-height: 18px;
}
}
-}
\ No newline at end of file
+}
diff --git a/src/pages/index/components/module/ActivityListComponent/index.vue b/src/pages/index/components/module/ActivityListComponent/index.vue
index 4d99199..6e92d5f 100644
--- a/src/pages/index/components/module/ActivityListComponent/index.vue
+++ b/src/pages/index/components/module/ActivityListComponent/index.vue
@@ -12,7 +12,11 @@
>
-
+
快速预定
diff --git a/src/pages/index/components/module/ActivityListComponent/styles/index.scss b/src/pages/index/components/module/ActivityListComponent/styles/index.scss
index 3afb756..2178be5 100644
--- a/src/pages/index/components/module/ActivityListComponent/styles/index.scss
+++ b/src/pages/index/components/module/ActivityListComponent/styles/index.scss
@@ -15,7 +15,7 @@
line-height: 120px;
text-align: center;
- image {
+ .swiper-img {
width: 100%;
height: 100%;
border-radius: 8px;