讲师集优化

src/components/business/yqy-hot-lecturer.vue

@@ -15,7 +15,7 @@
               <span :class="{'andriod-name': isAndroid}">{{item.doctorName}}</span>
             </span>
           </div>
-          <span class="disp-blc lect-ks">{{item.department}}</span>
+          <span class="disp-blc lect-ks" :class="{'andr-mg': isAndroid}">{{item.department}}</span>
           <span class="disp-blc study-num">{{item.joinNum | yLocalString}}人已学</span>
         </div>
       </div>
@@ -34,7 +34,7 @@ export default {
       pageNo: 1,
       pageSize: 10,
       parmData: [],
-      isAndroid: false
+      isAndroid: true
     };
   },
   beforeMount() {},
@@ -182,6 +182,9 @@ export default {
   font-size: px2rem(12px);
   color: #666;
 }
+.andr-mg {
+  margin: px2rem(2px) 0;
+}
 .disp-blc.study-num {
   position: relative;
   left: 0;
@@ -189,6 +192,7 @@ export default {
   font-size: px2rem(11px);
   color: #999;
 }
+
 .andriod-name {
   padding-top: px2rem(2px);
 }

src/components/business/yqy-teacher-list.vue

@@ -18,7 +18,7 @@
             <div class="tea-txt">
               <div class="tea-name">
                 <span>{{item.doctorName}}</span>
-                <span class="tea-department">{{item.department}}</span>
+                <span class="tea-department">{{item.department | shortName(8)}}</span>
               </div>
               <div class="tea-position">{{item.doctorHospital}}</div>
             </div>

src/utils/filter.js

@@ -23,7 +23,15 @@ const vueFilter = {
     if (len <= 3) { return b; }
     var r = len % 3;
     return r > 0 ? b.slice(0, r) + "," + b.slice(r, len).match(/\d{3}/g).join(",") : b.slice(r, len).match(/\d{3}/g).join(",");
+  },
+
+  shortName: function(value, length) {
+    if(value && value.length > length){
+      return value.substring(0, length - 1) + '...'
+    } else {
+      return value
     }
+  }
 }
 
 export default vueFilter