提交

pages/courseInformation/index/index.vue

@@ -7,9 +7,11 @@
     <common-anchor-link
       style="width: 100%"
       ref="commonAnchorLink"
-      baseHeight="80"
+      baseHeight="40"
+      :defaultShowTabs="true"
       :allDataList="allDataList"
       titleKey="title"
+      :slotName="currentCateIndex == 0 ? '' : 'detail'"
       :dataListKey="currentCateIndex == 0 ? 'courseList' : 'content'"
       :titleStyle="{
         'font-size': '30px',
@@ -20,6 +22,7 @@
       }"
     >
       <template slot="tabs" slot-scope="slotProps">
+        
         <common-sticky
           label="title"
           itemStyle="width:50%;padding-left: 15px; padding-right: 15px; height: 68rpx;"
@@ -29,10 +32,10 @@
         ></common-sticky>
       </template>
       <template slot="label" slot-scope="slotProps">
-        <view class="content_title PM_font">{{ slotProps.title }}</view>
+        <view class="content_title " style="margin-top: 40px; margin-bottom: 60px;">{{ slotProps.title }}</view>
       </template>
       <template slot="contentList" slot-scope="slotProps">
-        <common-list
+        <common-list style="margin-bottom: 120px;"
           v-if="currentCateIndex == 0"
           noDataIcon="data"
           :isCondition="true"
@@ -85,11 +88,25 @@
             </view>
           </template>
         </common-list>
-        <view v-else style="padding: 20px 20rpx 40px">
-          <rich-text
-            :nodes="slotProps.dataList"
-            :data-nodes="slotProps.dataList"
-          ></rich-text>
+      </template>
+      <template slot="detail_buyRecord" slot-scope="slotProps">
+        <view style="padding: 20px 20rpx 40px">
+          <view v-html="slotProps.dataList"></view>
+        </view>
+      </template>
+      <template slot="detail_useRecord" slot-scope="slotProps">
+        <view style="padding: 20px 20rpx 40px">
+          <view v-html="slotProps.dataList"></view>
+        </view>
+      </template>
+      <template slot="detail_studyRecord" slot-scope="slotProps">
+        <view style="padding: 20px 20rpx 40px">
+          <view v-html="slotProps.dataList"></view>
+        </view>
+      </template>
+      <template slot="detail_vipRecord" slot-scope="slotProps">
+        <view style="padding: 20px 20rpx 40px">
+          <view v-html="slotProps.dataList"></view>
         </view>
       </template>
     </common-anchor-link>
@@ -113,6 +130,7 @@ export default {
   data() {
     return {
       currentTab: "",
+      dataInfo: {},
       allDataList: [],
       playData: {},
       searchValue: "",
@@ -140,6 +158,24 @@ export default {
       limitTitle: "提示",
       limitContent: "",
       scrollViewHeight: 0,
+      detailDataList: [
+        {
+          title: "购买须知",
+          valueName: "buyRecord",
+        },
+        {
+          title: "使用须知",
+          valueName: "useRecord",
+        },
+        {
+          title: "学习次序",
+          valueName: "studyRecord",
+        },
+        {
+          title: "超v",
+          valueName: "vipRecord",
+        },
+      ],
     };
   },
   // 监听页面滚动
@@ -406,32 +442,14 @@ export default {
               };
             });
           } else {
-            this.allDataList = [
-              {
-                title: "购买须知",
-                valueName: "buyRecord",
-                url: "/pages/curriculum/cate/index",
-                content: res.result.buyRecord,
-              },
-              {
-                title: "使用须知",
-                valueName: "useRecord",
-                url: "/pages/curriculum/cate/index",
-                content: res.result.useRecord,
-              },
-              {
-                title: "学习次序",
-                valueName: "studyRecord",
-                url: "/pages/curriculum/cate/index",
-                content: res.result.studyRecord,
-              },
-              {
-                title: "超v",
-                valueName: "vipRecord",
-                url: "/pages/curriculum/cate/index",
-                content: res.result.vipRecord,
-              },
-            ];
+            that.dataInfo = { ...res.result };
+            that.allDataList = that.detailDataList.map((e) => {
+              return {
+                ...e,
+                content: res.result[e.valueName],
+                slotName: e.valueName,
+              };
+            });
 
             console.log("this.allDataList at line 405:", this.allDataList);
           }