From 21fb82d055d5120333ede1b1892390c58058168e Mon Sep 17 00:00:00 2001
From: hflllll <violeteverdack@gmail.com>
Date: Mon, 22 Sep 2025 21:58:22 +0800
Subject: [PATCH] 'Save'

---
 mixins/config.js                  |  13 ++-
 pages/components/SplashScreen.vue | 205 ++++++++++++++++++++++++++++++++++++++
 pages/index/desk.vue              |   9 +-
 pages/index/home.vue              |  14 +++
 pages/index/user.vue              |   8 +-
 stores/index.js                   |  15 ++-
 subPages/home/book.vue            |   4 +-
 subPages/home/directory.vue       |   7 +-
 subPages/home/search.vue          |  71 +------------
 subPages/login/login.vue          |  12 ++-
 subPages/login/userInfo.vue       |  67 +++++++++----
 subPages/user/profile.vue         |  83 ++++++++++++---
 uni.scss                          |  31 ++++++
 13 files changed, 423 insertions(+), 116 deletions(-)
 create mode 100644 pages/components/SplashScreen.vue

diff --git a/mixins/config.js b/mixins/config.js
index bace23c..0acd8ba 100644
--- a/mixins/config.js
+++ b/mixins/config.js
@@ -31,11 +31,17 @@ export default {
 
     // 默认的全局分享参数
     GShare() {
+      const obj = {}
+      if (this.$store.state.userInfo.id) {
+        obj.path = this.configParamContent('xcxSharePage') + '?inviter=' + this.$store.state.userInfo.id
+      }else {
+        obj.path = this.configParamContent('xcxSharePage')
+      }
       return {
         title: this.configParamContent('app_name'),
         desc: this.configParamContent('share_desc'),
         imageUrl: this.configParamContent('login_logo'),
-        path: this.configParamContent('xcxSharePage'),
+        ...obj
       }
     }
   },
@@ -53,7 +59,10 @@ export default {
       ...this.mixinCustomShare()
     }
   },
-  onLoad() {
+  onLoad(args) {
     // this.calculateContainerHeight();
+    if (args.inviter){
+      uni.setStorageSync('inviter', args.inviter)
+    }
   }
 }
diff --git a/pages/components/SplashScreen.vue b/pages/components/SplashScreen.vue
new file mode 100644
index 0000000..3fa5cb2
--- /dev/null
+++ b/pages/components/SplashScreen.vue
@@ -0,0 +1,205 @@
+<template>
+  <view v-if="showSplash" class="splash-screen">
+    <!-- 富文本內容 -->
+    <view class="splash-content">
+      <image
+        :src="splashContent"
+        mode="scaleToFill"
+        class="splash-image"
+      />
+    </view>
+    
+    <!-- 跳過按鈕 -->
+    <view class="skip-button" >
+      <text class="skip-text">跳過  ({{ countdown }}s)</text>
+    </view>
+    <!-- 定位英語文字和中文文字到左下角 -->
+    <view class="text-container">
+      <text class="english-text">
+        {{ configParamContent('creen_en') }}
+      </text>
+      <text class="chinese-text">
+        {{ configParamContent('creen_zh') }}
+      </text>
+    </view>
+  </view>
+</template>
+
+<script>
+// import config from '../../mixins/config.js'
+
+export default {
+  name: 'SplashScreen',
+  // mixins: [config],
+  props: {
+    // 顯示時長（秒）
+    duration: {
+      type: Number,
+      default: 5
+    }
+  },
+  data() {
+    return {
+      showSplash: false,
+      countdown: 5,
+      timer: null,
+      splashContent: ''
+    }
+  },
+  computed: {
+    image() {
+      return this.configParamContent('creen_image') || uni.getStorageSync('screen_image')
+    }
+  },
+  mounted() {
+    this.initSplash()
+    
+    uni.hideTabBar()
+  },
+  beforeDestroy() {
+    this.clearTimer()
+  },
+  methods: {
+    // 初始化開動頁面
+    async initSplash() {
+      try {
+        // 獲取富文本內容
+      this.splashContent = this.image
+        
+        // 如果有內容才顯示
+        if (this.splashContent) {
+          this.countdown = this.duration
+          this.showSplash = true
+          this.startCountdown()
+        }
+      } catch (error) {
+        console.error('獲取開動頁面內容失敗:', error)
+      }
+    },
+    
+    // 開始倒計時
+    startCountdown() {
+      this.timer = setInterval(() => {
+        this.countdown--
+        if (this.countdown <= 0) {
+          this.closeSplash()
+        }
+      }, 1000)
+    },
+    
+    // 關閉開動頁面
+    closeSplash() {
+      this.showSplash = false
+      uni.showTabBar({
+        animation: true
+      })
+      this.clearTimer()
+      this.$emit('close')
+    },
+    
+    // 清除計時器
+    clearTimer() {
+      if (this.timer) {
+        clearInterval(this.timer)
+        this.timer = null
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.splash-screen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #fff;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  .splash-image{
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.splash-content {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  
+  // 富文本樣式
+  :deep(rich-text) {
+    width: 100%;
+    height: 100%;
+    display: block;
+    img{
+      width: 100%;
+    height: 100%;
+    }
+  }
+}
+
+.skip-button {
+  position: absolute;
+  top: 100rpx;
+  left: 40rpx;
+  background-color: #0000004D;
+
+  border-radius: 100rpx;
+  width: 148rpx ;
+  height: 60rpx;
+  text-align: center;
+  z-index: 10000;
+  
+  
+  .skip-text {
+    font-size: 24rpx;
+    line-height: 60rpx;
+    color: #fff;
+  }
+}
+
+// 文字容器定位到左下角
+.text-container {
+  position: absolute;
+  bottom: 80rpx;
+  left: 40rpx;
+  z-index: 10001;
+  display: flex;
+  flex-direction: column;
+  gap: 8rpx;
+}
+
+// 英文文字样式
+.english-text {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 32rpx; // 16px转换为rpx
+  line-height: 48rpx; // 24px转换为rpx
+  letter-spacing: 0;
+  color: #FFFFFF;
+  background: transparent;
+}
+
+// 中文文字样式
+.chinese-text {
+  font-family: PingFang SC;
+  // font-weight: 600;
+  font-size: 32rpx; // 16px转换为rpx
+  line-height: 48rpx; // 24px转换为rpx
+  letter-spacing: 0;
+  color: #FFFFFF;
+  background: transparent;
+}
+
+// 確保覆蓋 tabbar
+.splash-screen {
+  // 覆蓋所有內容，包括 tabbar
+  position: fixed !important;
+  z-index: 9999 !important;
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/desk.vue b/pages/index/desk.vue
index 0cd6a6d..933565c 100644
--- a/pages/index/desk.vue
+++ b/pages/index/desk.vue
@@ -51,8 +51,10 @@
           </view>
         </view>
       </view>
-      <uv-loading-icon text="加载中" textSize="30rpx" v-if="isLoading"></uv-loading-icon>
-      <uv-empty v-else-if="!list.length" text="暂无数据"></uv-empty>
+      <view style="margin: 300rpx auto">
+        <uv-loading-icon text="加载中" textSize="30rpx" v-if="isLoading"></uv-loading-icon>
+        <uv-empty v-else-if="!list.length" text="暂无数据"></uv-empty>
+      </view>
     </view>
   </view>
 </template>
@@ -95,7 +97,7 @@ export default {
         title: '确认删除',
         content: `确定要从书桌中移除《${book.book.booksName}》吗？`,
         confirmText: '删除',
-        confirmColor: '#ff4757',
+        confirmColor: '#06DADC',
         success: (res) => {
           if (res.confirm) {
             this.deleteBook(book, index)
@@ -144,6 +146,7 @@ export default {
   onShow() {
     // 只有登录才会获取书籍
     if (uni.getStorageSync('token')) {
+      this.list = []
       this.initPage()
       this.getList(true)
     }
diff --git a/pages/index/home.vue b/pages/index/home.vue
index 2560c00..9362e50 100644
--- a/pages/index/home.vue
+++ b/pages/index/home.vue
@@ -1,5 +1,8 @@
 <template>
   <view class="home-container">
+    <!-- 開動頁面組件 -->
+    <SplashScreen @close="onSplashClose" />
+    
     <!-- 状态栏安全区域 -->
     <uv-status-bar></uv-status-bar>
     
@@ -164,7 +167,12 @@
 </template>
 
 <script>
+import SplashScreen from '../components/SplashScreen.vue'
+
 export default {
+  components: {
+    SplashScreen
+  },
   data() {
     return {
       // Tab数据
@@ -194,6 +202,12 @@ export default {
   },
   
   methods: {
+    // 開動頁面關閉處理
+    onSplashClose() {
+      console.log('開動頁面已關閉')
+      // 可以在這裡添加其他邏輯，比如統計、初始化等
+    },
+    
     // 切换Tab
     async switchTab(index) {
       this.activeTab = index
diff --git a/pages/index/user.vue b/pages/index/user.vue
index 3a68797..b8f2e6d 100644
--- a/pages/index/user.vue
+++ b/pages/index/user.vue
@@ -199,6 +199,8 @@ export default {
       const res = await this.$api.login.getUserInfo();
       if (res.code === 200) {
         this.userInfo = res.result;
+        // 存储用户信息到store
+					this.$store.dispatch('updateUserInfo', this.userInfo)
       }
     },
     
@@ -264,12 +266,14 @@ export default {
       uni.showModal({
         title: '提示',
         content: '确定要退出登录吗？',
-        confirmColor: '#C70019',
+        confirmColor: '#06DADC',
         success: (res) => {
           if (res.confirm) {
             // 清除本地存储的用户信息
             uni.removeStorageSync('token')
-            
+            // 清空store中的用户信息
+            this.$store.commit('updateUserInfo', { })
+
             // 重置用户信息
             this.userInfo = {
               avatar: '/static/默认头像.png',
diff --git a/stores/index.js b/stores/index.js
index 753278e..8249137 100644
--- a/stores/index.js
+++ b/stores/index.js
@@ -10,7 +10,7 @@ const store = new Vuex.Store({
     configList: [],
     departmentList: [],
     categoryList: [],
-    
+    userInfo:{}
   },
   mutations: {
     // 构造用于uv-picker的树状结构数组
@@ -56,7 +56,9 @@ const store = new Vuex.Store({
     setDepartmentList(state, data) {
       state.departmentList = data
     },
-  
+    setUserInfo(state, data) {
+      state.userInfo = data
+    },
     // 
   },
   actions: {
@@ -74,6 +76,11 @@ const store = new Vuex.Store({
       }, {})
       console.log('configList列表为：', config);
       
+      // 事先永久存儲首屏圖片的數據
+      if (config.creen_image) {
+        uni.setStorageSync('screen_image', config.creen_image.content)
+      }
+
       commit('setConfigList', config)
     },
     // 查询部门列表
@@ -106,6 +113,10 @@ const store = new Vuex.Store({
         console.error('配置数据初始化失败:', error)
       }
     },
+    // 更新/存儲用戶最新數據
+    updateUserInfo({ commit }, userInfo) {
+      commit('setUserInfo', userInfo)
+    },
   }
 })
 
diff --git a/subPages/home/book.vue b/subPages/home/book.vue
index 3a43b43..6d03229 100644
--- a/subPages/home/book.vue
+++ b/subPages/home/book.vue
@@ -34,8 +34,9 @@
               <text class="member-button-text">升級會員解鎖</text>
             </view>
           </view>
+
           <!-- 图片卡片页面 -->
-          <view  class="card-content" v-else-if="currentPageType === '1'">
+          <view  class="card-content" v-else-if="pageTypes[index] === '1'">
             <view class="card-line">
               <image :src="configParamContent('highlight_icon')" class="card-line-image" mode="aspectFill" />
               <text class="card-line-text">划线重点</text>
@@ -715,6 +716,7 @@ export default {
         console.log('未找到单词释义:', word);
       }
     },
+    
     // 计算音频总时长
     async calculateTotalDuration() {
       let totalDuration = 0;
diff --git a/subPages/home/directory.vue b/subPages/home/directory.vue
index d35f912..462b879 100644
--- a/subPages/home/directory.vue
+++ b/subPages/home/directory.vue
@@ -63,9 +63,8 @@
       <!-- 简介部分 -->
       <view class="intro-section">
         <view class="intro-title">简介</view>
-        <view class="intro-content">
-          {{ bookInfo.booksIntro }}
-        </view>
+        <rich-text :nodes="bookInfo.booksIntro" class="intro-content">
+        </rich-text>
       </view>
 
       <!-- 作者部分 -->
@@ -95,7 +94,7 @@
           <image src="/static/课程图标.png" class="button-icon" mode="aspectFill"></image>
           <text>加入课程</text>
         </view>
-        <view class="action-button primary">
+        <view class="action-button primary" @click="startLearning(courseList.records[0].id)">
           <image src="/static/内容图标.png" class="button-icon" ></image>
           <text>内容朗读</text>
         </view>
diff --git a/subPages/home/search.vue b/subPages/home/search.vue
index f96f000..540c6df 100644
--- a/subPages/home/search.vue
+++ b/subPages/home/search.vue
@@ -95,75 +95,12 @@ export default {
       categoryTabs: [ ],
       // 类型引射表
       classMap: {
-        '盛放会员': 'book-membership-premium',
-        vip: 'book-membership-vip',
-        basic: 'book-membership-basic',
+        '蕾朵会员': 'book-membership-premium',
+        '盛放会员': 'book-membership-vip',
+        '萌芽会员': 'book-membership-basic',
       },
       bookList: [
-        {
-          cover: '/static/主页图标.png',
-          title: '短文全脑孩子：12项革命性策略...',
-          author: 'Daniel J. Siegel / Tina Payne Bryson / Del...',
-          duration: '03:24',
-          membership: '蕾朵会员',
-          membershipType: 'premium'
-        },
-        {
-          cover: '/static/默认图片.png',
-          title: '精讲短文',
-          author: 'Daniel J. Siegel / Tina Payne Bryson / Del...',
-          duration: '03:24',
-          membership: '盛放会员',
-          membershipType: 'vip'
-        },
-        {
-          cover: '/static/默认图片.png',
-          title: '精讲短文',
-          author: 'Daniel J. Siegel / Tina Payne Bryson / Del...',
-          duration: '03:24',
-          membership: '蕾朵会员',
-          membershipType: 'premium'
-        },
-        {
-          cover: '/static/默认图片.png',
-          title: '精讲短文',
-          author: 'Daniel J. Siegel / Tina Payne Bryson / Del...',
-          duration: '03:24',
-          membership: '盛放会员',
-          membershipType: 'vip'
-        },
-        {
-          cover: '/static/默认图片.png',
-          title: '精讲短文',
-          author: 'Daniel J. Siegel / Tina Payne Bryson / Del...',
-          duration: '03:24',
-          membership: '萌芽会员',
-          membershipType: 'basic'
-        },
-        {
-          cover: '/static/默认图片.png',
-          title: '精讲短文',
-          author: 'Daniel J. Siegel / Tina Payne Bryson / Del...',
-          duration: '03:24',
-          membership: '萌芽会员',
-          membershipType: 'basic'
-        },
-        {
-          cover: '/static/默认图片.png',
-          title: '精讲短文',
-          author: 'Daniel J. Siegel / Tina Payne Bryson / Del...',
-          duration: '03:24',
-          membership: '萌芽会员',
-          membershipType: 'basic'
-        },
-        {
-          cover: '/static/默认图片.png',
-          title: '精讲短文',
-          author: 'Daniel J. Siegel / Tina Payne Bryson / Del...',
-          duration: '03:24',
-          membership: '萌芽会员',
-          membershipType: 'basic'
-        },
+ 
       ]
     }
   },
diff --git a/subPages/login/login.vue b/subPages/login/login.vue
index 1a96432..9697088 100644
--- a/subPages/login/login.vue
+++ b/subPages/login/login.vue
@@ -81,12 +81,22 @@ export default {
 				provider: 'weixin',
 				success: async (res) => {
 					console.log('登录成功', res);
+					const obj = { }
+					if (uni.getStorageSync('inviter')){
+						obj.inviter = uni.getStorageSync('inviter')
+					}
 					const { result: loginRes } = await this.$api.login.login({
-						code: res.code
+						code: res.code,
+						...obj
 					})
 
 					uni.setStorageSync('token', loginRes.token)
+					
 					const userInfo = loginRes.userInfo
+					
+					// 存储用户信息到store
+					this.$store.dispatch('updateUserInfo', userInfo)
+					
 					if ( !userInfo.avatar || !userInfo.name || !userInfo.phone ){
 						uni.navigateTo({
 							url: '/subPages/login/userInfo'
diff --git a/subPages/login/userInfo.vue b/subPages/login/userInfo.vue
index 33d3c6f..5e4ee9f 100644
--- a/subPages/login/userInfo.vue
+++ b/subPages/login/userInfo.vue
@@ -5,8 +5,8 @@
       <!-- 头像区域 -->
       <view class="avatar-section">
         <view class="app-info">
-          <image class="app-logo" :src="configParamImage('app_logo')" mode="aspectFit"></image>
-          <text class="app-name">{{ configParamText('app_name') }}</text>
+          <image class="app-logo" :src="configParamContent('login_logo')" mode="aspectFit"></image>
+          <text class="app-name">{{ configParamContent('app_name') }}</text>
           <text class="app-subname">申请获取您的头像，昵称</text>
         </view>
       </view>
@@ -16,13 +16,15 @@
       <!-- 头像 -->
       <view class="form-item">
         <text class="form-label">头像</text>
-        <button class="avatar-button" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
-          <image 
-            class="avatar-image" 
-            :src="userInfo.avatar || '/static/默认头像.png'" 
-            mode="aspectFill"
-          ></image>
-        </button>
+        <view class="avatar-button">
+          <button class="avatar-btn" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
+            <image 
+              class="avatar-image" 
+              :src="userInfo.avatar || '/static/默认头像.png'" 
+              mode="aspectFill"
+            ></image>
+          </button>
+        </view>
       </view>
       
       <!-- 昵称 -->
@@ -30,10 +32,11 @@
         <text class="form-label">昵称</text>
         <input 
           class="form-input" 
-          type="name" 
+          type="nickname" 
           v-model="userInfo.name" 
           placeholder="请输入昵称"
           @blur="nameBlur"
+          
         />
       </view>
       
@@ -208,6 +211,23 @@ export default {
       }
     },
     
+    // // 微信昵称审核回调
+    // onNicknameReview(e) {
+    //   console.log('微信昵称审核回调', e);
+    //   if (e.detail.pass) {
+    //     // 审核通过，使用微信昵称
+    //     this.userInfo.name = e.detail.value;
+    //     console.log('微信昵称审核通过:', e.detail.value);
+    //   } else {
+    //     // 审核不通过
+    //     console.log('微信昵称审核不通过');
+    //     uni.showToast({
+    //       title: '昵称包含敏感词，请重新输入',
+    //       icon: 'none'
+    //     });
+    //   }
+    // },
+    
     // 显示部门选择器
     showDepartmentPicker() {
       this.$refs.departmentPicker.open();
@@ -398,15 +418,26 @@ export default {
 
 // 头像按钮
 .avatar-button {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  border: none;
-  width: 100rpx;
-  height: 100rpx;
-  border: 2rpx solid #cccccc;
-  &::after {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  
+  .avatar-btn {
+    margin: 0;
+    padding: 0;
+    background: transparent;
     border: none;
+    width: 100rpx;
+    height: 100rpx;
+    border: 2rpx solid #cccccc;
+    text-align: left;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    
+    &::after {
+      border: none;
+    }
   }
   
   .avatar-image {
diff --git a/subPages/user/profile.vue b/subPages/user/profile.vue
index 11be3b6..469e040 100644
--- a/subPages/user/profile.vue
+++ b/subPages/user/profile.vue
@@ -13,6 +13,7 @@
         <uv-input 
           v-model="userInfo.name" 
           placeholder="请输入昵称"
+          type="nickname"
           :customStyle="inputStyle"
           border="bottom"
         ></uv-input>
@@ -39,7 +40,7 @@
           <text class="required">*</text>
           <text>头像</text>
         </view>
-        <view class="avatar-container" @click="uploadAvatar">
+        <button class="avatar-container" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
           <view 
             v-if="userInfo.avatar === 'undefined'"
             class="avatar-image"
@@ -56,7 +57,7 @@
           <view class="avatar-mask" :class="{ 'fade-out': showMask }" v-if="showMask">
             <text>点击上传头像</text>
           </view>
-        </view>
+        </button>
       </view>
     </view>
     
@@ -102,25 +103,74 @@ export default {
     }
   },
   methods: {
-
+    // // 微信昵称审核回调
+    // onNicknameReview(e) {
+    //   console.log('微信昵称审核回调', e);
+    //   if (e.detail.pass) {
+    //     // 审核通过，使用微信昵称
+    //     this.userInfo.name = e.detail.value;
+    //     console.log('微信昵称审核通过:', e.detail.value);
+    //     uni.showToast({
+    //       title: '昵称获取成功',
+    //       icon: 'success'
+    //     });
+    //   } else {
+    //     // 审核不通过
+    //     console.log('微信昵称审核不通过');
+    //     uni.showToast({
+    //       title: '昵称包含敏感词，请重新输入',
+    //       icon: 'none'
+    //     });
+    //   }
+    // },
+    
     
-    // 上传头像
-    async uploadAvatar() {
-      try {
-        const result = await this.$utils.chooseAndUpload()
-        if (result && result.success) {
-          console.log(result);
+    // 选择头像并上传到OSS
+    async onChooseAvatar(e) {
+      console.log('选择头像回调', e);
+      if (e.detail.avatarUrl) {
+        try {
+          // 显示上传中提示
+          uni.showLoading({ title: '上传头像中...' });
+          
+          // 构造文件对象
+          const file = {
+            path: e.detail.avatarUrl,
+            tempFilePath: e.detail.avatarUrl
+          };
+          
+          // 上传到OSS
+          const uploadResult = await this.$utils.uploadImage(file);
           
-          this.userInfo.avatar = result.url
+          uni.hideLoading();
+          
+          if (uploadResult.success) {
+            // 上传成功，更新头像URL
+            this.userInfo.avatar = uploadResult.url;
+            console.log('头像上传成功', uploadResult.url);
+            uni.showToast({
+              title: '头像上传成功',
+              icon: 'success'
+            });
+          } else {
+
+          }
+        } catch (error) {
+          uni.hideLoading();
+          console.error('头像上传异常:', error);
+          // 异常情况下使用本地头像
+          this.userInfo.avatar = e.detail.avatarUrl;
+          uni.showToast({
+            title: '头像处理异常，使用本地头像',
+            icon: 'none'
+          });
         }
-      } catch (error) {
-        console.error('头像上传失败:', error)
+      } else {
         uni.showToast({
-          title: '头像上传失败',
-          icon: 'error'
-        })
+          title: '头像选择失败',
+          icon: 'none'
+        });
       }
-      
     },
     
     // 保存资料
@@ -175,6 +225,7 @@ export default {
       const res = await this.$api.login.getUserInfo()
       if (res.code === 200) {
         this.userInfo = res.result
+        this.$store.dispatch('updateUserInfo', this.userInfo)
       }
     }
   },
diff --git a/uni.scss b/uni.scss
index e100e5d..6a0e510 100644
--- a/uni.scss
+++ b/uni.scss
@@ -21,6 +21,36 @@ $secondary-color: #8B8B8B;
 $primary-text-color: #000;
 $secondary-text-color: #999;
 
+/* 全局隱藏滾動條樣式 */
+/* 隱藏 scroll-view 滾動條 */
+scroll-view {
+
+  /* 隱藏 WebKit 瀏覽器的滾動條 */
+  &::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
+  /* 隱藏 Firefox 的滾動條 */
+  scrollbar-width: none;
+
+  /* 確保滾動功能正常 */
+  -ms-overflow-style: none;
+}
+
+/* 通用滾動條隱藏類 */
+.hide-scrollbar {
+  &::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
 // 
 .click-animation{
   &:active {
@@ -90,3 +120,4 @@ $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:26px;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:15px;
+