修改

pages/courseInformation/price/courseDescription.vue

@@ -105,7 +105,7 @@ export default {
       timer: null,
       isLeftClick: false,
       isOpenRightButton: true,
-      viewid: "cont0",
+      viewid: "",
       viewidIndex: 0,
       cateIconList: [
         {
@@ -508,4 +508,7 @@ export default {
     height: 50rpx;
   }
 }
+.richDetail{
+  padding: 20rpx;
+}
 </style>

pages/courseInformation/price/index.vue

@@ -31,31 +31,99 @@
     height: 50rpx;"></image>
       </view>
     </view> -->
+    <uni-indexed-list :options="indexList" :showSelect="false" @itemKeyClick="getCurrent">
+    
+      <!-- labelSlot -->
 
-    <u-index-list
+      <template slot="titleSlot" slot-scope="slotProps">
+
+        <text :class="`cate_item_name ${viewidIndex == slotProps.rowIndex ? 'hot' : ''}`">{{ slotProps.row }}</text>
+      </template>
+      <template slot="labelSlot" slot-scope="slotProps">
+       
+        <common-list
+            noDataIcon="data"
+            :isCondition="true"
+            :isNoIcon="true"
+          
+            :dataList="slotProps.row"
+            label="title"
+          >
+            <template slot="labelSlot" slot-scope="slotProps">
+              <image
+                v-if="slotProps.row.image"
+                :src="slotProps.row.image"
+                mode="aspectFil"
+                class="book_image"
+              ></image>
+              <image
+                v-else
+                src="@/static/icon/videoIcon.png"
+                mode="aspectFil"
+                class="book_image"
+              ></image>
+
+              <view class="related_courses_name">
+                <view class="">
+                  {{ slotProps.row.title }}
+                </view>
+
+                <view style="margin-top: 10rpx">
+                  <view
+                    v-for="item in slotProps.row.courseCatalogueEntityList"
+                    style="float: left; margin-right: 20rpx"
+                  >
+                    {{
+                      slotProps.row.courseCatalogueEntityList.length > 1
+                        ? item.title
+                        : "整部"
+                    }}：
+
+                    <text v-if="item.halfFee == 0 && item.fee == 0">免费</text>
+                    <text v-else-if="item.halfFee == 0 || item.fee == 0">
+                      {{ item.halfFee != 0 ? item.halfFee : "免费" }}/{{
+                        item.fee != 0 ? item.fee : "免费"
+                      }}</text
+                    >
+                    <text v-else-if="item.halfFee != 0 || item.fee != 0">
+                      {{ item.halfFee }}/{{ item.fee }}</text
+                    >
+                  </view>
+                </view>
+              </view>
+
+             
+            </template>
+          </common-list>
+
+
+      </template>
+    </uni-indexed-list>
+    <!-- <u-index-list
       :index-list="indexList"
       activeColor="#60CABF"
       :uIndexStyle="{
         height: 'auto',
-        padding: '20rpx',
+        margin: '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="item"
             label="title"
           >
@@ -102,12 +170,12 @@
                 </view>
               </view>
 
-              <!-- <text v-if="slotProps.row.conditions!='03'">【试听】</text> -->
+             
             </template>
           </common-list>
         </u-index-item>
       </view>
-    </u-index-list>
+    </u-index-list> -->
 
   
 
@@ -132,7 +200,7 @@ export default {
       timer: null,
       isLeftClick: false,
       isOpenRightButton: true,
-      viewid: "cont0",
+      viewid: "",
       viewidIndex: 0,
 
       cateIconList: [
@@ -304,6 +372,11 @@ export default {
     ...mapState(["userInfo"]),
   },
   methods: {
+    getCurrent(data){
+    console.log('data at line 375:', data)
+    this.viewidIndex=data
+
+    },
     close() {
       this.isOpenRightButton = false;
     },
@@ -395,7 +468,7 @@ export default {
 
           this.cateIconList = res.list;
           this.indexList = this.cateIconList.map((e) => {
-            return e.sociology.title;
+            return {...e,data:e.courseList,letter:e.sociology.title};
           });
           console.log("this.indexList at line 645:", this.indexList);
           this.itemArr = this.cateIconList.map((e) => {
@@ -599,7 +672,11 @@ export default {
     }
   }
 
-  .cate_item_name {
+ 
+}
+
+
+.cate_item_name {
     padding-top: 60rpx;
     width: 100%;
     // margin-left: 21rpx;
@@ -611,7 +688,6 @@ export default {
     line-height: 80rpx;
     text-align: center;
   }
-}
 .hot {
   color: $themeColor !important;
 }
@@ -641,7 +717,7 @@ export default {
   margin-right: 10rpx;
 }
 /deep/.list_item {
-  padding-left: 20rpx;
+  padding: 12rpx 20rpx;
   display: flex;
   align-items: center;
   border-color: #efeef4 !important;