From f534a2ea89bee4354f2ace326584badb04baa2a5 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Sat, 25 Jul 2026 10:21:28 +0800
Subject: [PATCH] refactor(styles): replace custom scroll classes with overflow
 utils

Remove the deprecated scroll.scss stylesheet and its import from the main SCSS index file. Replace all usages of the custom .scroll-y and .scroll-x classes across Vue templates with the corresponding overflow utility classes. Fix a malformed scroll-view tag in the goods album page template.
---
 src/pages/ChatMain/ChatLongAnswer/index.vue               | 2 +-
 src/pages/ChatMain/ChatQuickAccess/index.vue              | 2 +-
 src/pages/ChatModule/RecommendPostsList/index.vue         | 2 +-
 src/pages/ChatModule/RecommendationListCard/index.vue     | 2 +-
 src/pages/Discovery/components/ExploreCards/index.vue     | 2 +-
 .../Discovery/components/HeritageQuickPrompts/index.vue   | 2 +-
 src/pages/Discovery/components/QuickQuestions/index.vue   | 2 +-
 src/pages/Discovery/index.vue                             | 2 +-
 src/pages/goods/album/index.vue                           | 4 ++--
 src/pages/goods/index.vue                                 | 2 +-
 src/static/scss/index.scss                                | 1 -
 src/static/scss/scroll.scss                               | 8 --------
 12 files changed, 11 insertions(+), 20 deletions(-)
 delete mode 100644 src/static/scss/scroll.scss

diff --git a/src/pages/ChatMain/ChatLongAnswer/index.vue b/src/pages/ChatMain/ChatLongAnswer/index.vue
index 8159e44..e81a475 100644
--- a/src/pages/ChatMain/ChatLongAnswer/index.vue
+++ b/src/pages/ChatMain/ChatLongAnswer/index.vue
@@ -6,7 +6,7 @@
     </view>
 
     <!-- ✅ 滚动区域 -->
-    <scroll-view class="flex-1 overflow-hidden chat-scroll" scroll-y :scroll-into-view="scrollIntoViewId"
+    <scroll-view class="flex-1 overflow-hidden chat-scroll" overflow-y-auto:scroll-into-view="scrollIntoViewId"
       scroll-with-animation @scroll="onScroll" @touchstart="onTouchStart" @touchend="onTouchEnd"
       @touchcancel="onTouchEnd">
       <view class="flex flex-col pt-[12px] px-[16px] pb-[24px]  gap-[10px]">
diff --git a/src/pages/ChatMain/ChatQuickAccess/index.vue b/src/pages/ChatMain/ChatQuickAccess/index.vue
index 425a134..05aa30f 100644
--- a/src/pages/ChatMain/ChatQuickAccess/index.vue
+++ b/src/pages/ChatMain/ChatQuickAccess/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view>
-    <view class="quick-access flex flex-row ml-[12px] pt-[8px] pb-[8px] scroll-x whitespace-nowrap">
+    <view class="quick-access flex flex-row ml-[12px] pt-[8px] pb-[8px] overflow-x-autowhitespace-nowrap">
       <view class="item rounded-[50px] flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
         @click="sendReply(item)">
         <view class="flex items-center justify-center">
diff --git a/src/pages/ChatModule/RecommendPostsList/index.vue b/src/pages/ChatModule/RecommendPostsList/index.vue
index 891b7b8..5a4faea 100644
--- a/src/pages/ChatModule/RecommendPostsList/index.vue
+++ b/src/pages/ChatModule/RecommendPostsList/index.vue
@@ -2,7 +2,7 @@
   <view class="container">
     <ModuleTitle :title="recommendTheme.themeName" />
 
-    <view class="container-scroll text-[0px] scroll-x whitespace-nowrap">
+    <view class="container-scroll text-[0px] overflow-x-autowhitespace-nowrap">
       <view class="card-item bg-white inline-block rounded-[20px] mr-[8px]"
         v-for="(item, index) in recommendTheme.recommendPostsList" :key="index" @click="sendReply(item)">
         <view class="m-[4px] relative">
diff --git a/src/pages/ChatModule/RecommendationListCard/index.vue b/src/pages/ChatModule/RecommendationListCard/index.vue
index cbf8e01..320e697 100644
--- a/src/pages/ChatModule/RecommendationListCard/index.vue
+++ b/src/pages/ChatModule/RecommendationListCard/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="recommendation-list-card w-full">
-    <scroll-view class="recommendation-list-card__scroll scroll-x whitespace-nowrap w-full" scroll-x
+    <scroll-view class="recommendation-list-card__scroll overflow-x-autowhitespace-nowrap w-full" scroll-x
       :show-scrollbar="false" enhanced>
       <view v-for="item in items" :key="item.id || item.title"
         class="recommendation-list-card__item inline-block bg-white rounded-[20px] overflow-hidden"
diff --git a/src/pages/Discovery/components/ExploreCards/index.vue b/src/pages/Discovery/components/ExploreCards/index.vue
index 60975cf..83ca7e9 100644
--- a/src/pages/Discovery/components/ExploreCards/index.vue
+++ b/src/pages/Discovery/components/ExploreCards/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="explore-cards">
-    <scroll-view class="explore-scroll" scroll-x show-scrollbar="false">
+    <scroll-view class="explore-scroll" overflow-x-autoshow-scrollbar="false">
       <view class="explore-track">
         <view v-for="(item, index) in normalizedList" :key="getItemKey(item, index)" class="explore-card"
           :class="`is-${item.tone}`" hover-class="is-pressed" hover-stay-time="80"
diff --git a/src/pages/Discovery/components/HeritageQuickPrompts/index.vue b/src/pages/Discovery/components/HeritageQuickPrompts/index.vue
index b552eb3..52e5ac3 100644
--- a/src/pages/Discovery/components/HeritageQuickPrompts/index.vue
+++ b/src/pages/Discovery/components/HeritageQuickPrompts/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <scroll-view class="prompt-strip" scroll-x show-scrollbar="false">
+  <scroll-view class="prompt-strip" overflow-x-autoshow-scrollbar="false">
     <view class="prompt-track">
       <view v-for="(item, index) in normalizedList" :key="getItemKey(item, index)" class="prompt-card"
         hover-class="is-pressed" hover-stay-time="80" @tap="handleTap(item.raw, index)">
diff --git a/src/pages/Discovery/components/QuickQuestions/index.vue b/src/pages/Discovery/components/QuickQuestions/index.vue
index 2a5953a..4648803 100644
--- a/src/pages/Discovery/components/QuickQuestions/index.vue
+++ b/src/pages/Discovery/components/QuickQuestions/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="container pl-[12px]">
-    <view class="container-scroll text-[0px] scroll-x whitespace-nowrap">
+    <view class="container-scroll text-[0px] overflow-x-autowhitespace-nowrap">
 
       <view class="card-item bg-white inline-block rounded-[20px] mr-[10px]" v-for="(item, index) in list" :key="index"
         @click="sendReply(item)">
diff --git a/src/pages/Discovery/index.vue b/src/pages/Discovery/index.vue
index e0d3bf7..c5856ea 100644
--- a/src/pages/Discovery/index.vue
+++ b/src/pages/Discovery/index.vue
@@ -4,7 +4,7 @@
       <FindTabs v-if="discoveryTabs.length > 0" v-model="activeIndex" :tabs="discoveryTabs" @change="handleTabChange" />
     </view>
 
-    <scroll-view class="discovery-scroll" scroll-y @scroll="handleContentScroll">
+    <scroll-view class="discovery-scroll" overflow-y-auto@scroll="handleContentScroll">
       <view class="discovery-body">
         <CardSwiper v-if="discoveryCards.length > 0" :list="discoveryCards" @didSelectItem="handleCardClick" />
         <ExploreCards v-if="exploreCards.length > 0" :list="exploreCards" @didSelectItem="handleCardClick" />
diff --git a/src/pages/goods/album/index.vue b/src/pages/goods/album/index.vue
index 328678c..546e7a1 100644
--- a/src/pages/goods/album/index.vue
+++ b/src/pages/goods/album/index.vue
@@ -5,7 +5,7 @@
       <text class="ml-[4px] text-[18px] text-[#171717] font-[500]">全部({{ albumList.length }})</text>
     </view>
 
-    <scroll-view scroll-y class="scroll-container overflow-auto">
+    <scroll-viewoverflow-y-autoclass="scroll-container overflow-auto">
       <view class="pl-[4px] pr-[4px] pb-[24px]">
         <view class="grid-container">
           <view class="album-item" v-for="(item, index) in albumList" :key="index">
@@ -17,7 +17,7 @@
           </view>
         </view>
       </view>
-    </scroll-view>
+      </scroll-view>
   </view>
 </template>
 
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 2bedb8b..b7c3780 100644
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -5,7 +5,7 @@
       :backIconColor="navOpacity < 0.5 ? '#ffffff' : '#000000'" />
 
     <!-- 滚动区域 -->
-    <scroll-view class="content-wrapper" scroll-y @scroll="handleScroll">
+    <scroll-view class="content-wrapper" overflow-y-auto@scroll="handleScroll">
       <ImageSwiper :border-radius="0" :height="300" :images="goodsData.commodityPhotoList" thumbnailBottom="42px" />
 
       <view class="goods-content">
diff --git a/src/static/scss/index.scss b/src/static/scss/index.scss
index 6de63b4..280b7a6 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -2,4 +2,3 @@
 @import "./border.scss";
 @import "./font-family.scss";
 @import "./overflow.scss";
-@import "./scroll.scss";
diff --git a/src/static/scss/scroll.scss b/src/static/scss/scroll.scss
deleted file mode 100644
index 7f68786..0000000
--- a/src/static/scss/scroll.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// 滚动条
-.scroll-y {
-  overflow-y: auto;
-}
-
-.scroll-x {
-  overflow-x: auto;
-}