'鏈條所有接口完畢——加入音頻播放和進度控制'

mixins/config.js

@@ -35,7 +35,7 @@ export default {
         title: this.configParamContent('app_name'),
         desc: this.configParamContent('share_desc'),
         imageUrl: this.configParamContent('login_logo'),
-        path: '/pages/index/index'
+        path: this.configParamContent('xcxSharePage'),
       }
     }
   },

pages/index/user.vue

@@ -127,7 +127,7 @@
         <view class="contact-content">
           <view class="title">联系我们</view>
           <view class="contact-item" @click="callPhone">
-            <text class="contact-phone">0731-599327-8899</text>
+            <text class="contact-phone">{{ configParamContent('contact_us') }}</text>
             <image src="/static/拨号图标.png" class="contact-icon"></image>
           </view>
         </view>
@@ -171,7 +171,7 @@ export default {
     // 拨打电话
     callPhone() {
       uni.makePhoneCall({
-        phoneNumber: '0731-599327-8899'
+        phoneNumber: this.configParamContent('contact_us'),
       })
     },
     // 跳转登录页面

subPages/home/directory.vue

@@ -40,8 +40,9 @@
           <view class="course-title">课程</view>
         </view>
         <view class="course-list">
+          <!-- 限制在做多五個課程 -->
           <view 
-          v-for="(course, index) in courseList.records" 
+          v-for="(course, index) in courseList.records.slice(0, 5)" 
           @click="startLearning(course.id)"
             :key="index"
             class="course-item"
@@ -54,7 +55,7 @@
           </view>
         </view>
         <view class="course-footer">
-          <view class="course-total">全部课程 · {{ courseList.total }}节</view>
+          <view class="course-total" @click="showAllCoursePopup">全部课程 · {{ courseList.total }}节</view>
           <uv-icon name="arrow-right" size="24rpx" color="#999"></uv-icon>
         </view>
       </view>
@@ -110,6 +111,40 @@
       <uv-safe-bottom></uv-safe-bottom>
     </view>
     
+    <!-- 全部課程彈出窗 -->
+    <uv-popup 
+      mode="bottom" 
+      ref="allCoursePopup"
+      round="32rpx"
+      bg-color="#f8f8f8"
+    >
+      <view class="course-popup">
+        <view class="popup-header">
+          <view>
+            <uv-icon name="arrow-down" color="black" size="20"></uv-icon>
+          </view>
+          <view class="popup-title">全部课程</view>
+          <view class="popup-title" @click="toggleCourseSort">
+            倒序
+          </view>
+        </view>
+        <view class="course-list">
+          <view 
+            v-for="(course, index) in displayAllCourseList" 
+            :key="course.id"
+            class="course-item"
+            @click="startLearning(course.id)"
+          >
+            <view class="course-number">{{ String(course.index || index + 1).padStart(2, '0') }}</view>
+            <view class="course-content">
+              <view class="course-english">{{ course.english }}</view>
+              <view class="course-chinese">{{ course.chinese }}</view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </uv-popup>
+    
   </view>
 </template>
 
@@ -128,7 +163,16 @@ export default {
       id: '',
       courseList: [
        
-      ]
+      ],
+      allCourseList: [], // 全部課程列表
+      isCourseSortReversed: false, // 課程排序是否倒序
+    }
+  },
+  computed: {
+    // 顯示的全部課程列表（支持倒序）
+    displayAllCourseList() {
+      const list = this.allCourseList.length > 0 ? this.allCourseList : this.courseList.records || [];
+      return this.isCourseSortReversed ? [...list].reverse() : list;
     }
   },
   methods: {
@@ -173,8 +217,20 @@ export default {
       })
       if (courseRes.code === 200){
         this.courseList = courseRes.result
+        // 同時設置全部課程列表
+        this.allCourseList = courseRes.result.records || []
       }
     },
+    
+    // 顯示全部課程彈出窗
+    showAllCoursePopup() {
+      this.$refs.allCoursePopup.open()
+    },
+    
+    // 切換課程排序
+    toggleCourseSort() {
+      this.isCourseSortReversed = !this.isCourseSortReversed
+    },
   },
   onLoad(options) {
     if (options.id){
@@ -380,6 +436,91 @@ export default {
 .course-total {
   font-size: 24rpx;
   color: #999;
+  cursor: pointer;
+}
+
+/* 课程弹出窗样式 */
+.course-popup {
+  padding: 0 32rpx;
+  max-height: 80vh;
+
+
+.popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx 0;
+  border-bottom: 2rpx solid #EEEEEE
+  // margin-bottom: 40rpx;
+}
+
+.popup-title {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 34rpx;
+  color: #181818;
+}
+
+
+.course-list {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+.course-item {
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
+  padding-top: 24rpx;
+  padding-right: 8rpx;
+  padding-bottom: 24rpx;
+  padding-left: 8rpx;
+
+  border-bottom: 1px solid #EEEEEE;
+  cursor: pointer;
+  
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.course-number {
+  width: 80rpx;
+  font-family: PingFang SC;
+  // font-weight: 400;
+  font-size: 36rpx;
+  color: #999;
+  &.highlight {
+    color: $primary-color;
+  }
+  // margin-right: 24rpx;
+}
+
+.course-content {
+  flex: 1;
+}
+
+.course-english {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 36rpx;
+  line-height: 44rpx;
+  color: #252545;
+  margin-bottom: 8rpx;
+  
+  &.highlight {
+    color: $primary-color;
+  }
+}
+
+.course-chinese {
+  font-size: 28rpx;
+  line-height: 48rpx;
+  color: #3B3D3D;
+  &.highlight {
+    color: $primary-color;
+  }
+}
 }
 
 /* 简介部分 */

subPages/user/policy.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="container">
     <view class="body">
-      <rich-text :nodes="htmlContent"></rich-text>
+      <rich-text :nodes="configParamContent('privacy_policy')"></rich-text>
     </view>
   </view>
 </template>
@@ -10,7 +10,7 @@
 export default {
   data() {
     return {
-      htmlContent: '<h1>这是一个标题</h1><p>这是一个段落</p>'
+      
     }
   }
 }