currentVideo

pages/courseInformation/price/courseDescription.vue

@@ -2,7 +2,7 @@
   <view class="componentPage">
     <!-- 公共组件-每个页面必须引入 -->
 
-    <view class="fixed">
+    <!-- <view class="fixed">
       <view v-if="isOpenRightButton">
         <view class="openBox">
           <block v-for="(v, index) in cateIconList" :key="index">
@@ -36,7 +36,7 @@
           style="width: 50rpx; height: 50rpx"
         ></image>
       </view>
-    </view>
+    </view> -->
     <scroll-view
       scroll-y
       :style="`height:calc(100vh - ${(110 + statusBarHeight) * 2}rpx)`"

pages/courseInformation/price/index.vue

@@ -2,7 +2,7 @@
   <view class="componentPage">
     <!-- 公共组件-每个页面必须引入 -->
 
-    <view class="fixed">
+    <!-- <view class="fixed">
       <view v-if="isOpenRightButton">
         <view class="openBox">
           <block v-for="(v, index) in cateIconList" :key="index">
@@ -30,48 +30,33 @@
         <image src="@/static/icon/open.png" mode="widthFix"  style=" width: 50rpx;
     height: 50rpx;"></image>
       </view>
-    </view>
-    <scroll-view
-      scroll-y
-      class="scroll"
-      :style="`height:calc(100vh - ${(100 + statusBarHeight) * 2}rpx)`"
-      :scroll-into-view="viewid"
-      scroll-with-animation
-      @scroll="scrollEvt"
-    >
-      <view
-        v-for="(v, index) in cateIconList"
-        :key="index"
-        class="right-item"
-        style="margin-bottom: 40rpx"
-      >
-        <view :id="`cont${index}`" :class="`bg${index} `">
-          <view class="cate_item_box">
-            <!-- <view class="cate_item_border">
-                      <image
-                        :src="
-                          cateIconList.find((e) => v.title == e.title)
-                            .imgUrl
-                        "
-                        mode="aspectFill"
-                        :style="
-                          cateIconList.find((e) => v.title == e.title)
-                            .style
-                        "
-                      ></image>
-                    </view> -->
-            <view
-              :class="`cate_item_name ${viewid == 'cont' + index ? 'hot' : ''}`"
-              >{{ v.sociology.title }}</view
-            >
-          </view>
+    </view> -->
 
+    <u-index-list
+      :index-list="indexList"
+      activeColor="#60CABF"
+      :uIndexStyle="{
+        height: 'auto',
+        padding: '20rpx',
+      }"
+    >
+      <view v-for="(item, index) in itemArr">
+        <!-- #ifdef APP-NVUE -->
+        <u-index-anchor
+          :text="indexList[index]"
+          bgColor="#AFDECC"
+        ></u-index-anchor>
+        <!-- #endif -->
+        <u-index-item>
+          <!-- #ifndef APP-NVUE -->
+          <u-index-anchor :text="indexList[index]"></u-index-anchor>
+          <!-- #endif -->
           <common-list
             noDataIcon="data"
             :isCondition="true"
             :isNoIcon="true"
             @lower="onReachBottom1"
-            :dataList="v.courseList"
+            :dataList="item"
             label="title"
           >
             <template slot="labelSlot" slot-scope="slotProps">
@@ -120,20 +105,12 @@
               <!-- <text v-if="slotProps.row.conditions!='03'">【试听】</text> -->
             </template>
           </common-list>
-        </view>
+        </u-index-item>
       </view>
-    </scroll-view>
+    </u-index-list>
 
-    <!-- <richDetail :detailInfo="detailInfo">
   
-              <template #richHeadImg>
-   <image :src="detailInfo.imgUrl" v-if="detailInfo.imgUrl" mode="widthFix" class="headImage"></image>
-             
-              </template>
-            </richDetail>
-             -->
 
-    <!-- <view>{{ detailInfo.content }}</view> -->
   </view>
 </template>
 
@@ -150,6 +127,8 @@ export default {
   },
   data() {
     return {
+      indexList: [],
+      itemArr: [],
       timer: null,
       isLeftClick: false,
       isOpenRightButton: true,
@@ -398,6 +377,8 @@ export default {
       });
     },
     async getData() {
+      this.indexList = [];
+      this.itemArr = [];
       console.log(this.$store.state, "88888");
       this.$http
         .request({
@@ -413,9 +394,16 @@ export default {
           console.log("res at line 178:", res);
 
           this.cateIconList = res.list;
-          await setTimeout(() => {
-            this.getDistanceToTop();
-          }, 100);
+          this.indexList = this.cateIconList.map((e) => {
+            return e.sociology.title;
+          });
+          console.log("this.indexList at line 645:", this.indexList);
+          this.itemArr = this.cateIconList.map((e) => {
+            return e.courseList;
+          });
+          // await setTimeout(() => {
+          //   this.getDistanceToTop();
+          // }, 100);
 
           // socket.init();
         });
@@ -526,7 +514,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@/style/mixin.scss';
+@import "@/style/mixin.scss";
 .commonPageBox {
   padding: 40rpx 0;
 }
@@ -568,7 +556,7 @@ export default {
   border: none !important;
 }
 .openBox {
-  background-color: #B7E0E2;
+  background-color: #b7e0e2;
   border: 2rpx solid #eee;
   width: 80rpx;
   line-height: 80rpx;