等比缩放

src/components/viitto/ActivityBoard.vue

@@ -289,8 +289,9 @@
 #box{  overflow:hidden;}
 </style>
 <template>
-  <div class="ActivityBoard">
-    <div class="middle">
+  <div class="ActivityBoard" >
+    <div :style="{zoom: zoom}">
+       <div class="middle">
       <div class="Text">
         <img src="../../assets/img/activity/logo.png" alt />
         <span>
@@ -308,30 +309,16 @@
         </div>
       </div>
     </div>
-    <!-- v-show="liState" -->
     <div  id="box" class="personDiv">
       <ul  id="list1">
         <li class="li" v-for="(item,index) in tempPopList" :key="index">
           <img :onerror="defaultImg" :src="item.customerPhoto" alt />{{item.customerName}} 购买了200元线路优惠价
         </li>
-        <!-- <li>
-          <img src="../../assets/img/activity/logo.png" alt />成都印象李思思
-        </li>
-        <li>
-          <img src="../../assets/img/activity/logo.png" alt />成都印象李思思
-        </li>
-        <li>
-          <img src="../../assets/img/activity/logo.png" alt />成都印象李思思
-        </li>
-        <li>
-          <img src="../../assets/img/activity/logo.png" alt />成都印象李思思
-        </li>
-        <li>
-          <img src="../../assets/img/activity/logo.png" alt />成都印象李思思
-        </li> -->
       </ul>
       <ul id="list2"></ul>
-  </div>  
+    </div>  
+    </div>
+   
   </div>
 </template>
 <script>
@@ -358,10 +345,13 @@ export default {
       l2:'',
       liState:true,
 
-      tempPopList:[]
+      tempPopList:[],
+      zoom:1,
     };
   },
   mounted() {
+    let Height = window.innerHeight
+    this.zoom = Math.round((Height/1080) * 100) / 100
     this.init();
     this.GetData();
     this.scrollMove = setInterval(this.MoveInit,1000);

src/router.js

@@ -8,7 +8,6 @@ import dataLook from './components/viitto/dataLook'
 import saleDataLook from './components/viitto/saleDataLook'
 import PerCompetition from './components/viitto/PerCompetition'
 import ActivityBoard from './components/viitto/ActivityBoard'
-import ActivityBoard22 from './components/viitto/ActivityBoard22'
 
 Vue.use(Router)