banner适配

app/src/page/appoint.vue

@@ -2,7 +2,7 @@
   <div class="pages">
 
     <div class="as">
-      <img src="../static/images/main/banner.png" height="121" width="414" />
+      <img src="../static/images/main/banner.png" width="100%"/>
       <!--<mu-tabs :value.sync="active" color="#F2F2F2" indicator-color="#ffffff" @change="getIndex" v-if="reFresh">-->
       <!--<mu-tab v-for="day in weeks">{{ day.data }} <br> <em>{{ day.name }}</em></mu-tab>-->
       <!--</mu-tabs>-->

app/src/page/lesson.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="pages">
-    <img src="../static/images/main/banner.png" height="121" width="414"/>
+    <img src="../static/images/main/banner.png" width="100%"/>
     <h5 class="lessonName">
       {{ lessonName }}
     </h5>

app/src/page/mainpage.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="mainPage">
-        <img class="banner" src="../static/images/main/banner.png"/>
+        <img src="../static/images/main/banner.png" width="100%" />
         <span class="shopNum">
             俱乐部场馆共 {{ list.length }} 处
         </span>
@@ -8,15 +8,17 @@
             <li v-for="l in list" @click="goAppoint(l)" v-if="parseInt(l.Status) == 1">
                 <div class="lt">
                     <img src="../static/images/main/shop2.jpg" width="100%" height="100%"
-                         v-show="parseInt(l.ShopID) == 3"/>
+                        v-show="parseInt(l.ShopID) == 3" />
                     <img src="../static/images/main/shop.jpg" width="100%" height="100%"
-                         v-show="parseInt(l.ShopID) == 4"/>
+                        v-show="parseInt(l.ShopID) == 4" />
                     <img src="../static/images/main/shop3.png" width="100%" height="100%"
-                         v-show="parseInt(l.ShopID) == 5"/>
+                        v-show="parseInt(l.ShopID) == 5" />
                     <img src="../static/images/main/shop6.png" width="100%" height="100%"
-                         v-show="parseInt(l.ShopID) == 6"/>
+                        v-show="parseInt(l.ShopID) == 6" />
                     <img src="../static/images/main/outdoor.png" width="100%" height="100%"
-                         v-show="parseInt(l.ShopID) == 7"/>
+                        v-show="parseInt(l.ShopID) == 7" />
+                    <img src="../static/images/main/outdoor.png" width="100%" height="100%"
+                        v-show="parseInt(l.ShopID) == 8" />
                 </div>
                 <div class="rt">
                     <h4 style="background-color: #FFA310" v-if="l.ShopID == 3">{{ l.ShopName.substr(5,12) }}</h4>
@@ -24,10 +26,11 @@
                     <h4 style="background-color: #028FE1" v-if="l.ShopID == 5">{{ l.ShopName.substr(5,12) }}</h4>
                     <h4 style="background-color: #d624e1" v-if="l.ShopID == 6">{{ l.ShopName }}</h4>
                     <h4 style="background-color: #13e15c" v-if="l.ShopID == 7">{{ l.ShopName }}</h4>
+                    <h4 style="background-color: #4a13e1" v-if="l.ShopID == 8">{{ l.ShopName }}</h4>
                     <span>今日预约名额剩余
-              <i v-if="l.RemainOrdernum > 0">{{ l.RemainOrdernum }}</i>
-              <i v-if="l.RemainOrdernum == 0" class="red">{{ l.RemainOrdernum }}</i>
-              人</span>
+                        <i v-if="l.RemainOrdernum > 0">{{ l.RemainOrdernum }}</i>
+                        <i v-if="l.RemainOrdernum == 0" class="red">{{ l.RemainOrdernum }}</i>
+                        人</span>
                     <span>地址：{{ l.Addr }}</span>
                     <em class="green" v-if="l.WxStatus == 1 && l.IsJoin ==1">点击预约</em>
                     <em class="red" v-else>不可预约</em>
@@ -111,7 +114,7 @@
                         if (json.Code == 1010) {
                             localStorage.clear();
                             console.log(1010);
-                            that.$router.push({path: '/login'});
+                            that.$router.push({ path: '/login' });
                         }
                     }
                 })
@@ -135,16 +138,16 @@
                         if (json.Code == 1004) {
                             localStorage.clear();
                             console.log(1010);
-                            this.$router.push({path: '/login'});
+                            this.$router.push({ path: '/login' });
                         }
                     }
                 })
             },
             onGoNewPage(path) {
-                this.$router.push({path: '/' + path});
+                this.$router.push({ path: '/' + path });
             },
             goPage(pages) {
-                this.$router.push({path: pages});
+                this.$router.push({ path: pages });
             },
             goAppoint(row) {
                 let that = this;
@@ -410,8 +413,5 @@
         }
     }
 
-    @media (min-width: 481px) and (max-width: 640px) {
-
-    }
-
-</style>
+    @media (min-width: 481px) and (max-width: 640px) {}
+</style>

app/src/page/mine.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="pages">
-        <img src="../static/images/main/banner.png" height="121" width="414"/>
+        <img src="../static/images/main/banner.png" width="100%"/>
         <div class="context">
               <span class="num">
                 会员卡信息

app/src/page/record.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="pages">
-    <img src="../static/images/main/banner.png" height="121" width="414"/>
+    <img src="../static/images/main/banner.png" width="100%"/>
     <div class="context">
             <span class="num">
                 记录共 {{ num }} 条