样式

src/components/map/index.vue

@@ -14,7 +14,10 @@
       <div class="course_title" @click="actionsheetShow=true">{{secActions.name}} <i class="iconfont icon-below-s"></i>
         <router-link :to="{path: '/promptTime', query: { periods_id: secActions.id }}">
           <div class="zhongbian-kuang">
-            <img class="zhongbian" :src="zhong" alt="">
+            <div class="zhongbian">
+              <img style="width: 100%; height: 100%;" :src="zhong" alt="">
+            </div>
+
           </div>
         </router-link>
       </div>
@@ -333,7 +336,7 @@
     mounted() {
       let prompStr = localStorage.getItem('promp')
       if(prompStr) {
-          this.promp = false
+        this.promp = false
       }else {
         localStorage.setItem('promp', 1)
         this.promp = true
@@ -912,8 +915,14 @@
         .zhongbian {
           width: 22 * @toVw;
           height: 22 * @toVw;
-          margin-top: 15 * @toVw;
-          margin-left: 34 * @toVh;
+          //margin-top: 15 * @toVw;
+          //margin-left: 34 * @toVh;
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: -18 * @toVw;
+          bottom: 0;
+          margin: auto;
         }
       }
     }