课程指引+课程价格

pages/courseInformation/index/index.vue

@@ -50,15 +50,15 @@
 
             <view :class="`dataList priceDetail`" v-else>
 
-                <image src="@/static/image/headImg/top.png" mode="aspectFit" class="headImage"></image>
+                <!-- <image src="@/static/image/headImg/top.png" mode="aspectFit" class="headImage"></image> -->
 
 
 
 
                 <view v-if="this.cateList[this.currentCateIndex].type == 'courseDescription'"
-                    style="height: calc(100% - 300rpx);">
+                    >
 
-                    <courseDescription :dataList="dataList" @hancleClick="goCourseDescription" label="nameCN">
+                    <courseDescription ref="courseDescription" :dataList="dataList" @hancleClick="goCourseDescription" label="nameCN">
                     </courseDescription>
                 </view>
 
@@ -96,7 +96,7 @@
 </template>
 
 <script>
-import courseDescription from "@/pages/component/commonComponents/list";
+import courseDescription from "../price/courseDescription.vue";
 import price from "../price/index.vue";
 import purchaseNotice from "../purchaseNotice/index.vue";
 import instructionsForUse from "../instructionsForUse/index.vue";
@@ -116,7 +116,7 @@ export default {
             playData: {},
             searchValue: '',
             cateList: [{
-                title: "课程价格",
+                title: "课程价格(半年/一年)",
                 type: 'price',
                 oid: '8a9fb99809e4428888aad6b56a3096a6',
             }, {
@@ -402,7 +402,11 @@ export default {
             var that = this
             switch (item.type) {
                 case 'courseDescription':
-                    that.getCourseDescriptionData()
+                setTimeout(() => {
+                        that.$nextTick(() => {
+                            that.$refs.courseDescription.getData()
+                        })
+                    }, 100)
 
                     break;
                 case 'price':
@@ -675,16 +679,17 @@ export default {
         text {
             text-align: center;
             display: inline-block;
-            width: 32%;
+            width: 49%;
             padding: 20rpx 0;
             font-size: 34rpx;
-            border-radius: 10rpx;
+            // border-radius: 10rpx;
         }
 
         .cur {
-            background-color: #3AB3AE;
-            color: #fff;
-            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+            // background-color: #3AB3AE;
+            color: rgb(58, 179, 174);
+            border-bottom: 2px solid rgb(58, 179, 174);
+            // box-shadow: 0 2px 12px 0 rgba(58, 179, 174, .5);
         }
     }
 
@@ -699,6 +704,7 @@ export default {
 
         .cur {
             color: #3AB3AE;
+            font-weight: 600 !important;
         }
 
         // .u-grid-list{border: 0.5px solid #dadbde;}