排序前

src/components/business/course-list.vue

@@ -48,13 +48,16 @@
                     <div class="five-text">
                         <div class="teacher-itemname fs14" >
                             <span v-show="item.typeName" class="teacher-itemname-tag">{{item.typeName}}</span>
-                            <span class="teacher-itemname-name" v-html="item.name"></span>
+                            <span class="teacher-itemname-name" v-html="item.highLightName"></span>
                         </div>
-                        <div class="five-tag fs11">
-                            <span class="m-tag">{{item.shortcut}}</span>
+                        <div class="fs13">
+                            <span class="five-text-shourtcut">{{item.shortcut}}</span>
                         </div>
-                        <div class="five-tag fs11" style="margin-top:20px;">
-                            <span class="m-tag" style="margin-left:40px;padding-top:10px;">ttttt</span>
+                        <div class="fs13 five-text-teacher">
+                            <img src="../../images/teacher-icon.png" /><span class="five-text-teacher-name" v-for="(doctor, dIndex) in item.doctors" :key="dIndex">
+                                {{doctor.doctorName}}
+                                <!-- {{item.doctors[0].doctorName}} -->
+                            </span>
                         </div>
                 </div>
             </div>
@@ -343,10 +346,10 @@ export default {
 
     .teacher-item {
         width: 100%;
-        height: px2rem(120px);
+        height: px2rem(106px);
         position: relative;
-        margin-top: px2rem(4px);
         margin: px2rem(4px) 0 px2rem(15px);
+        padding-top: px2rem(4px);
         &:not(:last-child) {
             border-bottom: 1px solid RGBA(240, 240, 240, 1);
         }
@@ -369,20 +372,45 @@ export default {
         .five-text {
             margin-left: px2rem(70px);
             height: px2rem(38px);
+            &-shourtcut {
+                font-size: px2rem(14px);
+                color: #777;
+            }
+            &-teacher {
+                margin-top: px2rem(4px);
+                height: px2rem(20px);
+                line-height: px2rem(20px);
+                margin-left: px2rem(40px);
+                img {
+                    width: px2rem(10px);
+                    height: px2rem(10px);
+                    margin-right: px2rem(2px);
+                    color: #777;
+                }
+                &-name {
+                    // margin-left:40px;
+                    // padding-top:10px;
+                    margin-left: 0 !important;
+                    padding-left: 0;
+                    font-size: px2rem(13px);
+                    color: #999;
+                }
+            }
         }
 
         .teacher-itemname {
             color: RGBA(102, 102, 102, 1);
-            height: px2rem(38px);
+            height: px2rem(36px);
             line-height: px2rem(19px);
-            font-size: px2rem(14px);
+            font-size: px2rem(13px);
             margin-bottom: px2rem(5px);
             &-tag {
                 height: px2rem(18px);
                 line-height: px2rem(18px);
-                padding: px2rem(2px) px2rem(3px) px2rem(1px);
+                padding: px2rem(1px) px2rem(3px) px2rem(0px);
                 border-radius: px2rem(2px);
                 font-size: px2rem(12px);
+                color: #fff;
                 background: rgba(106,159,233,1);
             }
             &-name {
@@ -523,7 +551,7 @@ export default {
     }
 
     .item-end {
-        height: px2rem(100px);
+        height: px2rem(92px);
     }
 }
 </style>

src/components/business/five-minutes.vue

@@ -8,7 +8,7 @@
                     <img v-lazy="item.appImageUrl"/>
                 </div>
                     <div class="five-text">
-                        <div class="teacher-itemname fs14" v-html="item.title">{{item.title}}</div>
+                        <div class="teacher-itemname fs14" v-html="item.highLightTitle">{{item.title}}</div>
                         <div class="five-tag fs11">
                             <span class="m-tag">#{{item.categoryName}}</span>
                             <span class="m-play" @click.stop="playFun(item)">

src/components/business/health-comics.vue

@@ -14,7 +14,7 @@
                     </div>
                     <div class="tea-txt">
                         <!-- <div class="tea-name">{{item.doctorName}}</div> -->
-                        <div class="tea-position" v-html="item.headerName">
+                        <div class="tea-position" v-html="item.highLightHeaderName">
                             <!-- {{item.headerName}} -->
                         </div>
                     </div>

src/components/business/teacher-list.vue

@@ -8,12 +8,12 @@
                     v-for="(item, index) in parmData" :key="index"
                     @click="goToDetail(item)">
                     <div class="tea-img" :style="'background:'+ item.bgColor">
-                        <img :src="item.doctorImg">
+                        <img :src="item.appImageUrl">
                         <span class="learn-p">{{item.joinNum}}人已学</span>
                         <!-- <span class="learn-p">{{item.joinNum | yLocalString}}人已学</span> -->
                     </div>
                     <div class="tea-txt">
-                        <div class="tea-name">{{item.doctorName}}</div>
+                        <div class="tea-name" v-html="item.highLightName">{{item.name}}</div>
                         <div class="tea-position">
                             {{item.doctorHospital}}
                         </div>

src/components/common/loading-new.vue

@@ -27,7 +27,7 @@
             bottom: 0;
             right: 0;
             z-index: 100;
-            background: rgba(205,205,205, 0.8);
+            background: rgba(0, 0, 0, 0.5);
         }
         svg {
             position: absolute;
@@ -38,6 +38,7 @@
     }
 
     svg path, svg rect{
-        fill: #449284;
+        fill: #fff;
+        // fill: #449284;
     }
 </style>