代码整理

src/components/business/backTop.vue

  <template>
   <section class="back-top">
     <div class="back-btn" @click="backTop">
-            <img src="../../images/backTop.png"/>
+      <img src="../../images//backTop.png">
     </div>
   </section>
 </template>
 
 <script>
-    export default {
-    	data(){
-            return{
-               objPoint:{}
-            }
+export default {
+  data() {
+    return {
+      objPoint: {}
+    };
   },
-        props:{
-            burialPoint:{
-                default:'',
-                type:String
+  props: {
+    burialPoint: {
+      default: "",
+      type: String
     }
   },
-        mounted(){
-            if(this.burialPoint == 'activity'){
+  mounted() {
+    if (this.burialPoint == "activity") {
       this.objPoint = {
-                    menuLevel:2,
-                    menuFromCode:'m_home',
-                    menuCode:'m_content_list',
-                    functionCode:'f_activity',
-                    actionCode:'c_top'
-                }
+        menuLevel: 2,
+        menuFromCode: "m_home",
+        menuCode: "m_content_list",
+        functionCode: "f_activity",
+        actionCode: "c_top"
+      };
     }
   },
   methods: {
-            backTop:function(){
-                if(this.burialPoint == 'activity'){
+    backTop: function() {
+      if (this.burialPoint == "activity") {
         this.pageBurialPoin(this.objPoint);
       }
       var osTop = document.documentElement.scrollTop || document.body.scrollTop;
-                if(osTop > 0){
+      if (osTop > 0) {
         document.documentElement.scrollTop = document.body.scrollTop = 0;
       }
     }
-        },
   }
+};
 </script>
 
 <style lang="scss" scoped>
-    @import '../../style/mixin';
-	.back-btn{
+@import "../../style/mixin";
+.back-btn {
   position: fixed;
   width: px2rem(35px);
   height: px2rem(35px);
   right: px2rem(15px);
   z-index: 100;
-        bottom: px2rem(80px);;
-        img{
+  bottom: px2rem(80px);
+  img {
     width: 100%;
     height: 100%;
     display: block;
   }
-    }
+}
 </style>
 

src/components/business/yqy-home-header.vue

@@ -3,11 +3,16 @@
     <div class="search-menu">
       <div class="bgFill" :style="{height:ptop}"></div>
       <div class="fixBox">
-        <img @click="goBackHome" class="left-arror" :style="{top: bPtop}" src="../../images/lecturer/left-arror.png" alt="">
+        <img
+          @click="goBackHome"
+          class="left-arror"
+          :style="{top: bPtop}"
+          src="../../images//left-arror.png"
+          alt
+        >
         <div :class="isTransparent?'search-transparent':'bgWhite'" class="search" @click="goSearch">
-          <!-- <img class="search-img-left" src="../../images/search-white.png"> -->
           <span class="input">{{placeholder}}</span>
-          <img class="search-img" src="../../images/search-white.png">
+          <img class="search-img" src="../../images//search-white.png">
         </div>
       </div>
     </div>
@@ -42,27 +47,31 @@ export default {
     let _this = this;
     window.__getStatusBarHeight = function(parm) {
       if (window.__isAndroid) {
-        _this.popHeight = parseInt(parm.statusBarHeight) / 2.5;
+        _this.popHeight = parseInt(parm.statusBarHeight) / 2.5
       } else {
         _this.popHeight = parm.statusBarHeight;
       }
-      _this.ptop = _this.popHeight + "px";
+      _this.ptop = _this.popHeight + "px"
       _this.bPtop = _this.popHeight + 2 + "px"
-      _this.menuptop = _this.popHeight + "px";
+      _this.menuptop = _this.popHeight + "px"
     };
-    this.getStatusHight();
+    this.getStatusHight()
   },
 
   mounted() {},
   methods: {
+    
+    // 获取状态栏高度
     getStatusHight() {
       rocNative.getStatusBarHeight({
         __funcName: "__getStatusBarHeight"
-      });
+      })
     },
+
+    // 跳转到搜索项目
     goSearch() {
       let _this = this,
-        url = getWebPageUrl('sousuo/#/index');
+        url = getWebPageUrl("sousuo/#/index");
       let itemData = {
         title: "",
         imageUrl: "",
@@ -92,7 +101,7 @@ export default {
             }
           ]
         }
-      };
+      }
 
       rocNative.dispatchEventByModuleCode({
         modeCode: itemData.appModuleInfo.code,

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

@@ -2,12 +2,15 @@
   <div class="hot-lect">
     <span class="hot-lect-wrapper-title">热门讲师</span>
     <div class="hot-lect-wrapper">
-            <div class="hot-lect-wrapper-list" >
-                <div class="hot-lect-wrapper-list-item" 
-                    v-for="(item,index) in parmData" :key="index"
-                    @click="gotoDetail(item)">
+      <div class="hot-lect-wrapper-list">
+        <div
+          class="hot-lect-wrapper-list-item"
+          v-for="(item,index) in parmData"
+          :key="index"
+          @click="gotoDetail(item)"
+        >
           <div class="lect-img">
-                        <img v-lazy="item.doctorAvatarImg" :key="item.doctorAvatarImg"/>
+            <img v-lazy="item.doctorAvatarImg" :key="item.doctorAvatarImg">
             <span class="disp-blc">
               <span :class="{'andriod-name': isAndroid}">{{item.doctorName}}</span>
             </span>
@@ -21,98 +24,93 @@
 </template>
 
 <script>
-import { teacher } from '../../utils/buryingPoint';
+import { teacher } from "../../utils/buryingPoint";
 export default {
   data() {
     return {
-            title:'热门讲师',
+      title: "热门讲师",
       list: [],
       pageNo: 1,
       pageSize: 10,
       parmData: [],
       isAndroid: false
-        }
-    },
-    beforeMount(){
+    };
   },
-    mounted(){
-        this.isAndroid = window.__isAndroid
+  beforeMount() {},
+  mounted() {
+    this.isAndroid = window.__isAndroid;
     this.getData();
   },
-    props:{
-        userToken:{
-            type:String,
-            default:''
+  props: {
+    userToken: {
+      type: String,
+      default: ""
     }
   },
   methods: {
     // 跳转到详情页面
-        gotoDetail(item){
+    gotoDetail(item) {
       this.$router.push({
-                path: '/teachersDetail',
+        path: "/teachersDetail",
         query: {
           id: item.doctorId
         }
-            })
+      });
       this.appBuryingPointEntrust({
         ...teacher,
         labelId: item.doctorId,
         labelValue: item.doctorName
-            })
+      });
     },
     //热门讲师
-        getData(){
+    getData() {
       let _this = this,
         para = {
           pageNo: 1,
           pageSize: 6,
-                setEntry: 'headers'
-            }
-            this.GET('contents/courseDoctor/v1/getHotTeacher', para).then(res => {
-                if(res.code == '000000'){
-                    _this.parmData = res.data && res.data.list || []
+          setEntry: "headers"
+        };
+      this.GET("contents/courseDoctor/v1/getHotTeacher", para).then(res => {
+        if (res.code == "000000") {
+          _this.parmData = (res.data && res.data.list) || [];
         }
-                
-            })
+      });
     },
     // 埋点
     appBuryingPointEntrust(val) {
-            rocNative.appBuryingPointEntrust(val)
-        },
+      rocNative.appBuryingPointEntrust(val);
     }
-}
+  }
+};
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import '../../style/mixin.scss';
-@import '../../style/global.scss';
-    .hot-lect {
+@import "../../style/mixin.scss";
+@import "../../style/global.scss";
+.hot-lect {
   &-wrapper {
     width: 100%;
     overflow: hidden;
     height: px2rem(115px);
-            // margin: 0 px2rem(15px);
     overflow-x: scroll;
-            -webkit-tap-highlight-color:rgba(0,0,0,0);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     outline: 0;
-            -webkit-overflow-scrolling : touch;
+    -webkit-overflow-scrolling: touch;
     &-list {
       display: flex;
       flex-direction: columns;
       margin-left: px2rem(12px);
       width: px2rem(666px);
       height: px2rem(133px);
-                // margin: 0 px2rem(15px);
-                // padding: px2rem(4px) px2rem(4px);
       &-item {
         display: inline-block;
         width: px2rem(105px);
         height: px2rem(107px);
         margin: px2rem(3px);
         text-align: center;
-                    background:rgba(255,255,255,1);
-                    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.07);
+        background: rgba(255, 255, 255, 1);
+        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.07);
         border-radius: px2rem(3px);
         span {
           width: 100%;
@@ -144,38 +142,37 @@ export default {
         border-radius: px2rem(8px);
         font-size: px2rem(13px);
         color: #fff;
-                    background: #CEAE67;
+        background: #ceae67;
       }
     }
   }
-
-    }
-    .disp-blc {
+}
+.disp-blc {
   display: block;
-    }
-    .hot-lect-wrapper-title {
+}
+.hot-lect-wrapper-title {
   display: block;
   width: 100%;
   padding: px2rem(15px);
   font-size: px2rem(18px);
   font-weight: 500;
   color: #333;
-    }
-    .disp-blc.lect-ks {
+}
+.disp-blc.lect-ks {
   position: relative;
   left: 0;
   top: px2rem(-8px);
   font-size: px2rem(12px);
   color: #666;
-    }
-    .disp-blc.study-num {
+}
+.disp-blc.study-num {
   position: relative;
   left: 0;
   top: px2rem(-10px);
   font-size: px2rem(11px);
   color: #999;
-    }
-    .andriod-name {
+}
+.andriod-name {
   padding-top: px2rem(2px);
-    }
+}
 </style>

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

 <template>
   <section>
-    <!-- <article class="group-title-title">
-      <span class="group-title-title-main">{{groupTitle}}</span><span class="group-title-title-sub">专业领域的资深专家</span>
-    </article> -->
     <article class="group-title">
         <article v-show="showOrder" class="group-title-order">
           <div @click="order(1, 'isLetterOrderDown', 'doctorFirstNameChar')" 
           :class="{'active': showOrderIndex === 1}" class="group-title-order-item">
             <span>首字母</span>
-            <img class="first-name default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 1"/>
-            <img class="first-name" src="../../images/lecturer/sort-down.png" v-show="isLetterOrderDown && showOrderIndex === 1"/>
-            <img class="first-name" src="../../images/lecturer/sort-up.png" v-show="!isLetterOrderDown && showOrderIndex === 1"/>
+            <img class="first-name default" :src="sortDefaultImg" v-show="showOrderIndex !== 1"/>
+            <img class="first-name" :src="sortDownImg" v-show="isLetterOrderDown && showOrderIndex === 1"/>
+            <img class="first-name" :src="sortUpImg" v-show="!isLetterOrderDown && showOrderIndex === 1"/>
           </div>
           <div @click="order(2, 'isNewCourseOrderDown', 'newTime')" 
           :class="{'active': showOrderIndex === 2}" class="group-title-order-item">
             <span class="new-course">时间</span>
-            <img class="new-course-default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 2"/>
-            <img class="new-course-img" src="../../images/lecturer/sort-down.png" v-show="isNewCourseOrderDown && showOrderIndex === 2"/>
-            <img class="new-course-img" src="../../images/lecturer/sort-up.png" v-show="!isNewCourseOrderDown && showOrderIndex === 2"/>
+            <img class="new-course-default" :src="sortDefaultImg" v-show="showOrderIndex !== 2"/>
+            <img class="new-course-img" :src="sortDownImg" v-show="isNewCourseOrderDown && showOrderIndex === 2"/>
+            <img class="new-course-img" :src="sortUpImg" v-show="!isNewCourseOrderDown && showOrderIndex === 2"/>
           </div>
           <div @click="order(3, 'isResourceNumOrderDown', 'resourceNum')" 
           :class="{'active': showOrderIndex === 3}" class="group-title-order-item">
             <span>课程数</span>
-            <img class="course-num default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 3"/>
-            <img class="course-num" src="../../images/lecturer/sort-down.png" v-show="isResourceNumOrderDown && showOrderIndex === 3"/>
-            <img class="course-num" src="../../images/lecturer/sort-up.png" v-show="!isResourceNumOrderDown && showOrderIndex === 3"/>
+            <img class="course-num default" :src="sortDefaultImg" v-show="showOrderIndex !== 3"/>
+            <img class="course-num" :src="sortDownImg" v-show="isResourceNumOrderDown && showOrderIndex === 3"/>
+            <img class="course-num" :src="sortUpImg" v-show="!isResourceNumOrderDown && showOrderIndex === 3"/>
           </div>
           <div @click="order(4, 'isHotOrderDown', 'totalNum')" 
           :class="{'active': showOrderIndex === 4}" class="group-title-order-item">
             <span class="hot-degree-title">人气</span>
-            <img class="hot-degree default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 4"/>
-            <img class="hot-degree" src="../../images/lecturer/sort-down.png" v-show="isHotOrderDown && showOrderIndex === 4"/>
-            <img class="hot-degree" src="../../images/lecturer/sort-up.png" v-show="!isHotOrderDown && showOrderIndex === 4"/>
+            <img class="hot-degree default" :src="sortDefaultImg" v-show="showOrderIndex !== 4"/>
+            <img class="hot-degree" :src="sortDownImg" v-show="isHotOrderDown && showOrderIndex === 4"/>
+            <img class="hot-degree" :src="sortUpImg" v-show="!isHotOrderDown && showOrderIndex === 4"/>
           </div> 
         </article>
     </article>
@@ -48,6 +45,9 @@ export default {
         isNewCourseOrderDown: true,
         isResourceNumOrderDown: true,
         isHotOrderDown: true,
+        sortDefaultImg: require('../../images//sort-default.png'),
+        sortDownImg: require('../../images//sort-down.png'),
+        sortUpImg: require('../../images//sort-up.png')
       }
   },
   props: {
@@ -109,10 +109,6 @@ export default {
       border: 1px solid #F6F6F6;
       border-radius: px2rem(25px);
       background: #F6F6F6;
-      // border: 1px solid #449284;
-      // span {
-      //   // margin-right: px2rem(30px);
-      // }
       img {
         position: absolute;
         top: px2rem(4px);
@@ -127,7 +123,7 @@ export default {
   }
   .first-name.default {
     top: px2rem(6px);
-    left: px2rem(52px);
+    left: px2rem(53px);
     height: px2rem(10px);
     width: px2rem(10px);    
   }

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

@@ -3,55 +3,55 @@
     <article class="group-title">
       <section class="group-title-order">
         <div @click="selectedType(1)" class="group-title-order-item">
-          <span>{{selectedAreaName}}</span><img src="../../images/lecturer/select-down.png"/>
+          <span>{{selectedAreaName}}</span>
+          <img src="../../images//select-down.png">
         </div>
         <div @click="selectedType(2)" class="group-title-order-item">
-          <span>{{selectedLevelName}}</span><img src="../../images/lecturer/select-down.png"/>
+          <span>{{selectedLevelName}}</span>
+          <img src="../../images//select-down.png">
         </div>
         <div @click="selectedType(3)" class="group-title-order-item">
-          <span>{{selectedDepartName}}</span><img src="../../images/lecturer/select-down.png"/>
+          <span>{{selectedDepartName}}</span>
+          <img src="../../images//select-down.png">
         </div>
       </section>
     </article>
   </section>
-
 </template>
 <script>
 export default {
   data() {
     return {
       selectedTypeIndex: 1
-      }
+    };
   },
   props: {
     selectedAreaName: {
       type: String,
-      default: '全国'
+      default: "全国"
     },
     selectedLevelName: {
       type: String,
-      default: '全部等级'
+      default: "全部等级"
     },
     selectedDepartName: {
       type: String,
-      default: '全部科室'
+      default: "全部科室"
     }
   },
-  computed: {
-  },
-  watch: {
-  },
+  computed: {},
+  watch: {},
   methods: {
     selectedType(index) {
-      this.selectedTypeIndex = index
-      this.$emit('selectedType', index)
-    },
+      this.selectedTypeIndex = index;
+      this.$emit("selectedType", index);
     }
-}
+  }
+};
 </script>
 
 <style lang="scss" scoped>
-@import '../../style/mixin.scss';
+@import "../../style/mixin.scss";
 
 .group-title {
   display: flex;
@@ -71,7 +71,7 @@ export default {
       img {
         position: relative;
         top: px2rem(1px);
-        left: px2rem(1px);
+        left: px2rem(-1px);
         height: px2rem(11px);
         width: px2rem(11px);
       }

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

 <template>
   <section class="group-title-title">
-      <span class="group-title-title-main">{{mainTitle}}</span><span class="group-title-title-sub">{{subTitle}}</span>
+    <span class="group-title-title-main">{{mainTitle}}</span>
+    <span class="group-title-title-sub">{{subTitle}}</span>
   </section>
 </template>
 <script>
 export default {
   data() {
-      return {
-
-      }
+    return {};
   },
   props: {
     mainTitle: {
       type: String,
-      default: '全部讲师'
+      default: "全部讲师"
     },
     subTitle: {
       type: String,
-      default: '专业领域的资深专家'
-    },
+      default: "专业领域的资深专家"
     }
-}
+  }
+};
 </script>
 
 <style lang="scss" scoped>
-@import '../../style/mixin.scss';
+@import "../../style/mixin.scss";
 .group-title {
   height: px2rem(18px);
   line-height: px2rem(18px);
@@ -34,7 +33,7 @@ export default {
       margin-right: px2rem(6px);
       font-size: px2rem(18px);
       font-weight: 500;
-      color: #28344C;
+      color: #28344c;
     }
     &-sub {
       font-size: px2rem(15px);

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

 <template>
-<section>
+  <section>
     <div class="font-style">
       <div class="teach-opt">
         <div class="teach-list">
-                <div :class="index % 2 == 1 ? 'list-item mr0' : 'list-item'" 
-                    v-for="(item, index) in cParamData" :key="index"
-                    @click="gotoDetail(item)">
+          <div
+            :class="index % 2 == 1 ? 'list-item mr0' : 'list-item'"
+            v-for="(item, index) in cParamData"
+            :key="index"
+            @click="gotoDetail(item)"
+          >
             <div class="tea-img" :style="'background:'+ item.bgColor">
               <img :src="item.doctorAvatarImg">
               <span class="learn-p">{{item.totalNum | yLocalString}}人已学</span>
               <span class="learn-p-cnum">课程: 共{{item.resourceNum}}门</span>
-                        <!-- <span class="learn-p">{{item.joinNum | yLocalString}}人已学</span> -->
             </div>
             <div class="tea-txt">
               <div class="tea-name">
                 <span>{{item.doctorName}}</span>
                 <span class="tea-department">{{item.department}}</span>
               </div>
-                        <div class="tea-position">
-                            {{item.doctorHospital}}
-                        </div>
+              <div class="tea-position">{{item.doctorHospital}}</div>
             </div>
           </div>
           <div class="no-content" v-show="!cParamData.length">
-                    <img class="no-content-img" src="../../images/lecturer/no-content.png" alt=" ">
+            <img class="no-content-img" src="../../images//no-content.png" alt=" ">
             <span class="no-content-desc">暂无相关内容</span>
           </div>
         </div>
       </div>
     </div>
-</section>
+  </section>
 </template>
 
 <script>
-import { teacher } from '../../utils/buryingPoint';
-import { mapGetters } from 'vuex'
+import { teacher } from "../../utils/buryingPoint";
+import { mapGetters } from "vuex";
 
-import YqyLecturerOrder from '@/components/business/yqy-lecturer-order';
+import YqyLecturerOrder from "@/components/business/yqy-lecturer-order";
 export default {
   data() {
     return {
-            topTitle: '讲师集',
-            token: '',
-            // list: [],
-            isShowCount: true,
-            followCount: 0,
-            studyCount: 0,
       col: 1, //0综合，1人气，2资源数，3姓名首字母
       dir: 2, //1:正序 2：逆序,
-            list: [],
-        }
+      list: []
+    };
   },
   components: {
     YqyLecturerOrder
@@ -60,68 +54,67 @@ export default {
       default: () => []
     }
   },
-    mounted() {
-    },
+  mounted() {},
   computed: {
     cParamData() {
       if (this.parmData && this.parmData.length) {
-                return this.randomBg(this.parmData)
+        return this.randomBg(this.parmData);
       } else {
-                return this.randomBg(this.list)
+        return this.randomBg(this.list);
       }
     }
   },
   methods: {
     // 跳转到详情页面
-        gotoDetail(item){
+    gotoDetail(item) {
       this.$router.push({
-                path: '/teachersDetail',
+        path: "/teachersDetail",
         query: {
           id: item.doctorId
         }
-            })
+      });
       this.appBuryingPointEntrust({
         ...teacher,
         labelId: item.doctorId,
         labelValue: item.doctorName
-            })
+      });
     },
 
     // 随机生成背景颜色
     randomBg(d) {
       for (let i = 0; i < d.length; i++) {
         if (i % 4 == 0) {
-                    d[i].bgColor = '#EBF6F1'
+          d[i].bgColor = "#EBF6F1";
         } else if (i % 4 == 1) {
-                    d[i].bgColor = '#EDF3FA'
+          d[i].bgColor = "#EDF3FA";
         } else if (i % 4 == 2) {
-                    d[i].bgColor = '#F0F0FA'
+          d[i].bgColor = "#F0F0FA";
         } else if (i % 4 == 3) {
-                    d[i].bgColor = '#F6EFE6'
+          d[i].bgColor = "#F6EFE6";
         }
       }
-            return d
+      return d;
     },
 
     // 埋点
     appBuryingPointEntrust(val) {
-            rocNative.appBuryingPointEntrust(val)
-        },
+      rocNative.appBuryingPointEntrust(val);
     }
-}
+  }
+};
 </script>
 
 <style>
 body {
-    background: #fff
+  background: #fff;
 }
 </style>
 <style lang="scss" scoped>
 body {
-    background: #fff
+  background: #fff;
 }
 
-@import '../../style/mixin';
+@import "../../style/mixin";
 .no-content {
   display: flex;
   flex-direction: column;
@@ -136,12 +129,12 @@ body {
     line-height: px2rem(21px);
     font-size: px2rem(15px);
     font-weight: 400;
-        color:rgba(153,153,153,1);
+    color: rgba(153, 153, 153, 1);
   }
 }
 
 .mint-header {
-    background-color: rgba($color: #000000, $alpha: 0)
+  background-color: rgba($color: #000000, $alpha: 0);
 }
 
 .font-style {
@@ -193,7 +186,7 @@ body {
   }
 
   .mr0 {
-        margin-right: 0
+    margin-right: 0;
   }
 
   .tea-txt {
@@ -220,7 +213,11 @@ body {
       left: 0;
       bottom: 0;
       background: #333;
-            background: linear-gradient(to right, RGBA(0, 0, 0, 0.2), RGBA(0, 0, 0, 0));
+      background: linear-gradient(
+        to right,
+        RGBA(0, 0, 0, 0.2),
+        RGBA(0, 0, 0, 0)
+      );
       // background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 100%);
       color: #fff;
       font-size: px2rem(11px);
@@ -265,7 +262,7 @@ body {
 
 .home-header {
   height: px2rem(185px);
-    @include bis('../../images/headerTop.png');
+  @include bis("../../images//headerTop.png");
 
   .logo_img {
     height: px2rem(85px);

src/components/common/svg.vue

@@ -115,15 +115,3 @@
 		</defs>
 	</svg>
 </template>
-
-<script>
-
-  	export default {
-
-  	}
-
-</script>
-
-<style lang="scss">
-  	
-</style>

src/components/teacher/back-header.vue

@@ -3,45 +3,54 @@
     <!-- <div class="status-bar"></div> -->
     <div class="top-header" :class="{active:isScroll}">
       <div class="content left-icon" @click="goBack()">
-                <img v-if="!isScroll" border="0" src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/left-icon-white.png" alt="">
-                <img v-if="isScroll" border="0" src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/left-icon.png" alt="">
+        <img
+          v-if="!isScroll"
+          border="0"
+          src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/left-icon-white.png"
+          alt
+        >
+        <img
+          v-if="isScroll"
+          border="0"
+          src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/left-icon.png"
+          alt
+        >
       </div>
       <div v-if="isScroll && isJSJ" class="content title" :class="{active:isScroll}">讲师集</div>
       <div v-if="isScroll && !isJSJ" class="content title" :class="{active:isScroll}">云鹊医讲师</div>
       <!-- <div class="content right-icon" @click="share()">
                 <img v-if="!isScroll" border="0" src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/right-icon-white.png" alt="">
                 <img v-if="isScroll" border="0" src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/right-icon.png" alt="">
-            </div> -->
+      </div>-->
     </div>
   </div>
-    
 </template>
 <script>
-import {teacher_back} from '../../utils/buryingPoint.js';
+import { teacher_back } from "../../utils/buryingPoint.js";
 // import {shareUrl} from '@/utils/index'
-import {shareUrl} from '../../utils/index.js'
+import { shareUrl } from "../../utils/index.js";
 export default {
-    name:'MyHeader',
-    props:{
-        isOpacity:{
-            type:Boolean,
-            default:true
+  name: "MyHeader",
+  props: {
+    isOpacity: {
+      type: Boolean,
+      default: true
     },
-        isScroll:{
-            type:Boolean,
-            default:false
+    isScroll: {
+      type: Boolean,
+      default: false
     },
-        isShare:{
-            type:Boolean,
-            default:true
+    isShare: {
+      type: Boolean,
+      default: true
     },
-        doctorId:{
-            type:String,
-            default:""
+    doctorId: {
+      type: String,
+      default: ""
     },
     backMethod: {
       type: String,
-            default: 'native'   
+      default: "native"
     },
     isJSJ: {
       type: Boolean,
@@ -50,111 +59,104 @@ export default {
   },
   computed: {
     topTitle2() {
-            return this.topTitle
+      return this.topTitle;
     }
   },
-    mounted(){
-    },
-    methods:{
-        // backPre(){
-        //     if(this.backMethod === 'inner') {
-        //         this.$router.go(-1)
-        //     } else {
-        //         rocNative.goBack()
-        //     }
-        // },
-        goBack(){
-            if(this.backMethod === 'inner') {
-                this.$router.go(-1)
+  mounted() {},
+  methods: {
+    goBack() {
+      if (this.backMethod === "inner") {
+        this.$router.go(-1);
       } else {
-                rocNative.goBack()
+        rocNative.goBack();
       }
     },
-        share(){
+    share() {
       rocNative.shareWechat({
-                title1:'个人评价',
-                title2:'个人评价出现了喔',
-                shareUrl:`${shareUrl}gpr#/home`+'?doctorId='+this.doctorId,
-                type:6,
-                shareImageUrl:'https://file.yunqueyi.com/logo.png?version='+new Date().getTime(),
-                shareId:0
-            })
+        title1: "个人评价",
+        title2: "个人评价出现了喔",
+        shareUrl: `${shareUrl}gpr#/home` + "?doctorId=" + this.doctorId,
+        type: 6,
+        shareImageUrl:
+          "https://file.yunqueyi.com/logo.png?version=" + new Date().getTime(),
+        shareId: 0
+      });
       this.buryingPointShare();
     },
-        /////////埋点//////////
     //返回
-        buryingPointBack:function(){
+    buryingPointBack: function() {
       rocNative.appBuryingPointEntrust({
         ...teacher_back,
-                functionCode:'f_gpranking',
-                actionCode:'c_back',
-                labelValue:'返回',
-                createdTime:new Date().getTime()
-            })
+        functionCode: "f_gpranking",
+        actionCode: "c_back",
+        labelValue: "返回",
+        createdTime: new Date().getTime()
+      });
     },
     //分享
-        buryingPointShare:function(){
+    buryingPointShare: function() {
       rocNative.appBuryingPointEntrust({
         ...teacher_back,
-                functionCode:'f_gpranking',
-                actionCode:'c_share',
-                labelValue:'分享',
-                createdTime:new Date().getTime()
-            })
-        },
+        functionCode: "f_gpranking",
+        actionCode: "c_share",
+        labelValue: "分享",
+        createdTime: new Date().getTime()
+      });
     }
-}
+  }
+};
 </script>
 <style lang="scss" scoped>
-@import '../../style/mixin';
-    .wrapper{
-        position:fixed;
+@import "../../style/mixin";
+.wrapper {
+  position: fixed;
   top: 0;
-        width:100%;
-        z-index:100000000;
+  width: 100%;
+  z-index: 100000000;
   /**************表头******************/
-        .top-header{
-            display:flex;
-            display:-webkit-flex;
+  .top-header {
+    display: flex;
+    display: -webkit-flex;
     flex-direction: row;
     // justify-content:center;//这个会整体居中，但是使用一些左右不等的margin时，会影响效果
-            align-items:center;
-            width:100%;
-            height:px2rem(45px);//header高度
-            margin-top:px2rem(25px);///////////statusbar高度!!!!!!!!!!!!!!!!!!!!!默认使用此高度
+    align-items: center;
+    width: 100%;
+    height: px2rem(45px); //header高度
+    margin-top: px2rem(
+      25px
+    ); ///////////statusbar高度!!!!!!!!!!!!!!!!!!!!!默认使用此高度
   }
-        .top-header.active{
+  .top-header.active {
     // margin-top:0;
-            border-bottom:px2rem(2px) solid #e7e7e7;
-            background-color:#fff;
-        }
-        .top-header .left-icon{
-            margin-left:px2rem(15px);
+    border-bottom: px2rem(2px) solid #e7e7e7;
+    background-color: #fff;
   }
-        .top-header .title{
-            width:px2rem(116px);
-            height:px2rem(18px);
-            line-height:px2rem(18px);
-            margin-left:px2rem(90px);
-            text-align:center;
-            color:#fff;
-            font-size:px2rem(18px);
+  .top-header .left-icon {
+    margin-left: px2rem(15px);
   }
-        .top-header .title.active{
-            color:#000;
+  .top-header .title {
+    width: px2rem(116px);
+    height: px2rem(18px);
+    line-height: px2rem(18px);
+    margin-left: px2rem(90px);
+    text-align: center;
+    color: #fff;
+    font-size: px2rem(18px);
   }
-        .top-header .right-icon{
-            margin-left:px2rem(95px);
+  .top-header .title.active {
+    color: #000;
   }
-        .top-header .left-icon img,.top-header .right-icon img{
-            display:block;//这样其外的div可以正好将其包裹住
-            width:px2rem(25px);
-            height:px2rem(25px);
+  .top-header .right-icon {
+    margin-left: px2rem(95px);
   }
+  .top-header .left-icon img,
+  .top-header .right-icon img {
+    display: block; //这样其外的div可以正好将其包裹住
+    width: px2rem(25px);
+    height: px2rem(25px);
   }
-    .wrapper.active{
-            background-color:#fff;
-            // background-color:rgba(0,0,0,0.84);
-            // background-color:rgba(255,255,255,0.34)
-    }
+}
+.wrapper.active {
+  background-color: #fff;
+}
 </style>
\ No newline at end of file

src/components/teacher/backTop.vue

 <template>
   <section class="back-top">
     <div class="back-btn" @click="backTop">
-            <img src="../../images/backTop.png"/>
+      <img src="../../images//backTop.png">
     </div>
-      
   </section>
 </template>
 <script>
-    export default {
-    	data(){
-            return{
-               objPoint:{}
-            }
+export default {
+  data() {
+    return {
+      objPoint: {}
+    };
   },
-        props:{
-            burialPoint:{
-                default:'',
-                type:String
+  props: {
+    burialPoint: {
+      default: "",
+      type: String
     }
   },
-        mounted(){
-            if(this.burialPoint == 'activity'){
+  mounted() {
+    if (this.burialPoint == "activity") {
       this.objPoint = {
-                    menuLevel:2,
-                    menuFromCode:'m_home',
-                    menuCode:'m_content_list',
-                    functionCode:'f_activity',
-                    actionCode:'c_top'
-                }
+        menuLevel: 2,
+        menuFromCode: "m_home",
+        menuCode: "m_content_list",
+        functionCode: "f_activity",
+        actionCode: "c_top"
+      };
     }
   },
 
   methods: {
-            backTop:function(){
-                if(this.burialPoint == 'activity'){
+    backTop: function() {
+      if (this.burialPoint == "activity") {
         this.pageBurialPoin(this.objPoint);
       }
 
       var osTop = document.documentElement.scrollTop || document.body.scrollTop;
-                if(osTop > 0){
+      if (osTop > 0) {
         document.documentElement.scrollTop = document.body.scrollTop = 0;
       }
-                
     }
-            
-        },
   }
+};
 </script>
 <style lang="scss" scoped>
-    @import '../../style/mixin';
-	.back-btn{
+@import "../../style/mixin";
+.back-btn {
   position: fixed;
   width: px2rem(35px);
   height: px2rem(35px);
   right: px2rem(15px);
   z-index: 100;
-        bottom: px2rem(80px);;
-        img{
+  bottom: px2rem(80px);
+  img {
     width: 100%;
     height: 100%;
     display: block;
   }
-    }
-    
+}
 </style>
\ No newline at end of file

src/components/teacher/teach-top.vue

@@ -4,108 +4,110 @@
     <div class="teach-top">
       <!-- <div class="teach-top" :class="{'pt150': isScroll}"> -->
       <!-- <div class="back" v-if="isScroll" @click="backPre" style="flex-direction:row;width:100%;">
-        <img src="../../images/left-icon.png">
+        <img src="../../images//left-icon.png">
         <img src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/left-icon.png">
         <span style="padding-bottom:10px;">dddd</span>
-      </div> -->
+      </div>-->
       <!-- <TopNav :bgColor="bgColor" :title="navTitle" :isNavFix="isNavFix" :burialPoint="pointStyle"></TopNav> -->
       <div class="tc title">{{parmObj}}</div>
-      <div class="tc count" v-if="isShowCount">{{studyCount.toLocaleString()}}人学习&nbsp;&nbsp;&nbsp;&nbsp;{{followCount.toLocaleString()}}人关注</div>
+      <div
+        class="tc count"
+        v-if="isShowCount"
+      >{{studyCount.toLocaleString()}}人学习&nbsp;&nbsp;&nbsp;&nbsp;{{followCount.toLocaleString()}}人关注</div>
     </div>
   </div>
 </template>
 <script>
-// import BackHeader from '../../components/teachers/back-header';
-import BackHeader from '../../components/teacher/back-header';
+import BackHeader from "../../components/teacher/back-header";
 export default {
-  data () {
+  data() {
     return {
-        bgColor:'#fff',
-        parmObj:''
-      }
+      bgColor: "#fff",
+      parmObj: ""
+    };
   },
-    components:{
+  components: {
     BackHeader
   },
-  props:{
+  props: {
     isShowCount: {
-        default:false,
-        type:Boolean
+      default: false,
+      type: Boolean
     },
     followCount: {
-         type:Number,
-        default:0
+      type: Number,
+      default: 0
     },
     studyCount: {
-        type:Number,
-        default:0
+      type: Number,
+      default: 0
     },
     statusBarHeight: {
-        type:Number,
-        default:0
+      type: Number,
+      default: 0
     },
-      isScroll:{
+    isScroll: {
       type: Boolean,
       default: false
     },
     backMethod: {
       type: String,
-        default: 'native'   
+      default: "native"
     },
     isJSJ: {
       type: Boolean,
       default: true
     }
   },
-  mounted(){
-    this.parmObj = this.isShowCount ? '讲师集' : '云鹊医讲师'
+  mounted() {
+    this.parmObj = this.isShowCount ? "讲师集" : "云鹊医讲师";
   },
 
   methods: {
-    backPre(){
-      if(this.backMethod === 'inner') {
-        this.$router.go(-1)
+    backPre() {
+      if (this.backMethod === "inner") {
+        this.$router.go(-1);
       } else {
-        rocNative.goBack()
+        rocNative.goBack();
       }
-    },
     }
-}
+  }
+};
 </script>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-@import '../../style/mixin.scss';
-@import '../../style/global.scss';
+@import "../../style/mixin.scss";
+@import "../../style/global.scss";
 .pt150 {
-    margin-top: px2rem(150px)
+  margin-top: px2rem(150px);
 }
-.teach-top{
+.teach-top {
   width: 100%;
   height: px2rem(185px);
-  @include bis('../../images/headerTop.png');
-  .tc{
+  @include bis("../../images//headerTop.png");
+  .tc {
     text-align: center;
   }
-  .back{
+  .back {
     position: fixed;
     z-index: 110;
-    left:px2rem(18px);
+    left: px2rem(18px);
     top: px2rem(25px);
     display: inline-block;
     width: px2rem(50px);
     height: px2rem(50px);
-    img{
+    img {
       width: px2rem(25px);
       height: px2rem(25px);
     }
   }
-  .title{
+  .title {
     font-size: px2rem(25px);
     color: #fff;
     padding: px2rem(55px) 0 px2rem(8px) 0;
-    font-weight: 500
+    font-weight: 500;
   }
-  .count{
+  .count {
     font-size: px2rem(15px);
     line-height: px2rem(21px);
     color: #fff;

src/components/teacher/topNav.vue

  <template>
   <section :class="isNavFix ? 'nav-top fixed' : 'nav-top'">
     <div class="nav-part" :style="'background:'+bgColor">
-            
       <div class="nav-title">
         <span class="nav-back" @click="goBack">
-                    <img src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/left-icon.png"/>
-                    <!-- <img class="nav-back" src="../../images/grey-throw.png"/> -->
+          <img src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/gpranking/left-icon.png">
+          <!-- <img class="nav-back" src="../../images//grey-throw.png"/> -->
         </span>
         <!-- <span class="back" @click="goBack">
-                    <img src="../../images/left-icon.png">
-                </span> -->
-                
+        <img src="../../images//left-icon.png">
+        </span>-->
         {{title}}
         <!-- <span class="nav-share" @click="goShare">
-                    <img src="../../images/Shape1@2x.png"/>
-                </span> -->
+                    <img src="../../images//Shape1@2x.png"/>
+        </span>-->
       </div>
-           
     </div>
-      
   </section>
 </template>
 <script>
-    export default {
-    	data(){
-            return{
+export default {
+  data() {
+    return {
       // title:'测试',
-              content:'',
-              shareImageUrl:'',
-            }
+      content: "",
+      shareImageUrl: ""
+    };
   },
-        props:{
-            bgColor:{//背景色
-                type:String,
-                default:''
+  props: {
+    bgColor: {
+      //背景色
+      type: String,
+      default: ""
     },
-            title:{//标题
-                type:String,
-                default:'暂无数据'
+    title: {
+      //标题
+      type: String,
+      default: "暂无数据"
     },
-            isNavFix:{//是否fix定位
-                type:Boolean,
-                default:true
+    isNavFix: {
+      //是否fix定位
+      type: Boolean,
+      default: true
     },
-            burialPoint:{
-                default:'',
-                type:String
+    burialPoint: {
+      default: "",
+      type: String
     },
     backMethod: {
       type: String,
-                default: 'native'    // inner native
+      default: "native" // inner native
     }
   },
-        mounted(){
-            if(this.burialPoint == 'activity'){
+  mounted() {
+    if (this.burialPoint == "activity") {
       this.objPoint = {
-                    menuLevel:2,
-                    menuFromCode:'m_home',
-                    menuCode:'m_content_list',
-                    functionCode:'f_activity',
-                    actionCode:'c_last'
-                }
+        menuLevel: 2,
+        menuFromCode: "m_home",
+        menuCode: "m_content_list",
+        functionCode: "f_activity",
+        actionCode: "c_last"
+      };
     }
   },
 
   methods: {
     //返回
-            goBack(){
-                if(this.burialPoint == 'activity'){
+    goBack() {
+      if (this.burialPoint == "activity") {
         this.pageBurialPoin(this.objPoint);
       }
-                if ( this.backMethod === 'inner' ) {
+      if (this.backMethod === "inner") {
         this.$router.back(-1);
       } else {
         rocNative.goBack();
@@ -78,23 +77,24 @@
       //rocNative.backPreviousPage();
     },
     //分享
-            goShare(){
-                let url = location.hef,_this = this;
+    goShare() {
+      let url = location.hef,
+        _this = this;
       rocNative.shareWechat({
-                    url:url,
-                    title:_this.title,
-                    content:_this.content,
-                    shareImageUrl:_this.shareImageUrl
-                })
+        url: url,
+        title: _this.title,
+        content: _this.content,
+        shareImageUrl: _this.shareImageUrl
+      });
     }
-        },
   }
+};
 </script>
 <style lang="scss" scoped>
-    @import '../../style/mixin';
-    .back{
+@import "../../style/mixin";
+.back {
   position: absolute;
-        left:px2rem(18px);
+  left: px2rem(18px);
   top: px2rem(25px);
   display: inline-block;
   width: px2rem(50px);
@@ -103,18 +103,18 @@
     width: px2rem(25px);
     height: px2rem(25px);
   }
-    }
-	.nav-top{
+}
+.nav-top {
   height: px2rem(65px);
 
   background: #fff;
   color: #333;
   position: relative;
   z-index: 109;
-        .nav-back{
+  .nav-back {
     display: inline-block;
     position: absolute;
-            left: px2rem(16px);;
+    left: px2rem(16px);
     top: 0;
     height: px2rem(25px);
     width: px2rem(25px);
@@ -122,55 +122,51 @@
     // -webkit-transform: (180deg);
     // transform: rotate(180deg);
   }
-        img{
+  img {
     display: block;
     width: 100%;
-            height: 100%
+    height: 100%;
   }
-        .nav-icon{
+  .nav-icon {
     display: inline-block;
     width: 50px;
     height: 50px;
-            svg{
+    svg {
       stroke: #000;
       fill: #0000ff;
     }
   }
-        .nav-share{
+  .nav-share {
     position: absolute;
-            right: px2rem(8px);;
-            top:0;
+    right: px2rem(8px);
+    top: 0;
     height: px2rem(25px);
     width: px2rem(25px);
   }
-        .nav-title{
+  .nav-title {
     display: inline-block;
     width: 100%;
     /* padding:0 px2rem(33px);*/
     position: relative;
   }
-        .nav-part{
-            
+  .nav-part {
     width: 100%;
 
     font-size: px2rem(18px);
     text-align: center;
     padding: px2rem(30px) 0 px2rem(10px) 0;
     /* height: px2rem(25px);*/
-            
-        }
   }
-    .fixed{
-        .nav-part{
+}
+.fixed {
+  .nav-part {
     position: fixed;
-            top:0;
+    top: 0;
     left: 0;
 
-            border-bottom: 1px solid #E7E7E7;
+    border-bottom: 1px solid #e7e7e7;
 
     /* height: px2rem(25px);*/
-            
   }
-    }
-    
+}
 </style>
\ No newline at end of file

src/main.js

@@ -7,9 +7,7 @@ const mixins = require('@/utils/mixins');
 import '@/utils/rem'					// 引入自适应
 import '@/utils/yqyServerRegister'		// 移动端服务
 import FastClick from 'fastclick'
-// import Logger from './plugins/logger' 	// 日志插件
-// import Swiper from './plugins/swiper.min.js'
-
+import vueFilters from '@/utils/filter'
 
 // 引入Mint
 import Mint from 'mint-ui'
@@ -23,21 +21,17 @@ Vue.use(Mint)
 import VueLazyload from 'vue-lazyload'
 Vue.use(VueLazyload, {
 	preLoad: 3,
-	// loading: 'images/change.png',
+	// loading: './images//change.png',
 	// error: 'https://file.yunqueyi.com/File/course_doctor/2018-11/20/web_454.png',
-	error: require('./images/error.png'),
+	error: require('./images//error.png'),
 	attempt: 1
 	// lazyComponent: true
 })
 
-Vue.filter('yLocalString', function(value){
-	var b = parseInt(value).toString();
-	if (b === 'NaN') return 0;
-	var len = b.length;
-	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(",");
-})
+// 注册所有公用过滤器
+for(let key in vueFilters) {
+	Vue.filter(key, vueFilters[key])
+}
 
 if ('addEventListener' in document) {
     document.addEventListener('DOMContentLoaded', function() {

src/utils/filter.js

 import { formatTime } from './index'
 
 const vueFilter = {
-  // 通用状态过滤器
-  formatStatus: function(value) {
-    return !value ? '正常' : '停用'
-  },
 
-   formatNumber: function(num, precision, separator) {
+  // 将数字转换成带千分位数字
+  formatNumber: function (num, precision, separator) {
     var parts;
     if (!isNaN(parseFloat(num)) && isFinite(num)) {
       num = Number(num);
@@ -16,6 +13,16 @@ const vueFilter = {
       return parts.join('.');
     }
     return '';
+  },
+  
+  // 将数字转换成带千分位数字
+  yLocalString: function (value) {
+    var b = parseInt(value).toString();
+    if (b === 'NaN') return 0;
+    var len = b.length;
+    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(",");
     }
 }
 

src/views/teachers/detail.vue

@@ -31,7 +31,7 @@
                             <img v-lazy="item.imageUrl" :key="item.imageUrl">
                             <span class="tag" v-show="item.structureName">{{item.structureName}}</span>
                             <span class="line-play" @click.stop="goToPage(item)">
-                                <img src="../../images/grey-play.png">
+                                <img src="../../images//grey-play.png">
                             </span>
                         </div>
                         <div class="line-name">
@@ -52,8 +52,8 @@
             <div class="teach-title plr15">课程教学</div>
             <div class="opt-span plr15">
                 <span class="" @click="sortFun">学习人数
-                    <img src="../../images/sort-d.png" v-if="dir == 2">
-                    <img src="../../images/sort-u.png" v-if="dir == 1">
+                    <img src="../../images//sort-d.png" v-if="dir == 2">
+                    <img src="../../images//sort-u.png" v-if="dir == 1">
                 </span>
             </div>
             <div class="teach-list plr15">
@@ -305,7 +305,7 @@ export default {
         left: 0;
         top:-(px2rem(64px));
         z-index: 10;
-         @include bis('../../images/detaiBg.png');
+         @include bis('../../images//detaiBg.png');
          .head-img{
             width: px2rem(45px);
             height: px2rem(45px);
@@ -548,7 +548,7 @@ export default {
     }
     .home-header {
         height: px2rem(185px);
-        @include bis('../../images/headerTop.png');
+        @include bis('../../images//headerTop.png');
         .logo_img{
             height: px2rem(85px);
             width: px2rem(345px);

src/views/teachers/index.vue

@@ -68,15 +68,15 @@ export default {
             speedSwiper: 300,
             //轮播图默认数据
             listSwiper: [{
-                "imageUrl": require('../../images/lecturer/750420-1.png')
+                "imageUrl": require('../../images//banner-default.png')
             },{
-                "imageUrl": require('../../images/lecturer/750420-1.png')
+                "imageUrl": require('../../images//banner-default.png')
             },{
-                "imageUrl": require('../../images/lecturer/750420-1.png')
+                "imageUrl": require('../../images//banner-default.png')
             },{
-                "imageUrl": require('../../images/lecturer/750420-1.png')
+                "imageUrl": require('../../images//banner-default.png')
             },{
-                "imageUrl": require('../../images/lecturer/750420-1.png')
+                "imageUrl": require('../../images//banner-default.png')
             }],
             scrollTimer: null,
             scrollTop: 0,
@@ -473,7 +473,7 @@ export default {
         // height: px2rem(210px);
         .swiper{
             height: 100%;
-           /* @include bis('../../../images/552064153@2x.png');*/
+           /* @include bis('../../../images//lect-bg.png');*/
         }