home 优化

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

@@ -3,8 +3,8 @@
     <div class="header">
       <div class="white gxy fs50">{{resourceData.title}}</div>
       <div>
-        <span class="white fs30 gxyStudy">{{resourceData.studyCount}}人学习</span>
-        <span class="white fs30">{{resourceData.follower}}人关注</span>
+        <span class="white fs30 gxyStudy">{{resourceData.studyCount.toLocaleString()}}人学习</span>
+        <span class="white fs30">{{resourceData.follower.toLocaleString()}}人关注</span>
       </div>
     </div> 
   </div>
@@ -21,7 +21,7 @@ export default {
         default:()=>{
             return {
                 title: '高血压',
-                studyCount: 27,
+                studyCount: 270000,
                 follower: 1
             }
         }

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

 <template>
   <div class="hello">
-    <div class="banner">
+    <div class="banner space-between">
       <div class="bannerItem" :key="index" v-for="(item,index) in resourceData">
         <!-- <img class="bannerImg" :src="item.img"/> -->
         <img class="bannerImg" src="../../images/Shape@2x.png"/>
@@ -69,12 +69,13 @@ html,body{
   width: px2rem(50px);
   display: inline;
   position: relative;
-  margin-right: px2rem(18px);
+  // margin-right: px2rem(18px);
 }
 .bannerImg{
   min-width: px2rem(22px);
   max-height: px2rem(20px);
-  margin: 0 10px;
+  margin: 0 auto;
+  display: block;
 }
 .bannerText{
   position: absolute;

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

@@ -11,7 +11,7 @@
             <!-- <select v-model="selected">
                 <option :key="index" v-for="(option,index) in teacherData.selectOptions" v-bind:value="option.value">
                     {{ option.text }}
-                </option>
+                </option>needLeft
             </select> -->
             <span @click="firstOption" :class="!isStudy?'titlegGreen':'gray'" class="fs26">{{teacherData.firstOption}}</span>
             <span :key="index" v-for="(item,index) in teacherData.options">
@@ -23,7 +23,7 @@
         </div>
       </div>
       <div class="content">
-          <div class="needLeft  white" :key="index" v-for="(item,index) in cource">
+          <div class="needLeft bgWhite white" :key="index" v-for="(item,index) in cource">
             <img class="courceImg" src=""/>
             <div v-if="courceData.hasType" :style="{'color':item.color}" :class="[item.isLeft?'flex-start':'flex-end']" class="courceType fs22 bgWhite">{{item.type}}
             </div>

src/views/home/home.vue

@@ -61,8 +61,8 @@ export default {
         return {
             header: {
                 title: '糖尿病',
-                studyCount: 27,
-                follower: 1
+                studyCount: 2700000,
+                follower: 10000
             },
             resourceData: [
                 {img: '../../images/Shape@2x.png',