位置兼容

src/components/cmh/theme-5/index.vue

@@ -47,7 +47,7 @@
         </swiper-slide>
       </swiper>
 
-      <div class="box-box">
+      <div class="box-box" :style="{ height: 525 * screenWidth / 375 + 'px' }">
         <img
           :class="{
             active: clickIndex == index,
@@ -60,7 +60,7 @@
               ? game.gameExt.prizeStyleList[0].imageNoSelectUrl
               : game.gameExt.prizeStyleList[index].imageNoSelectUrl
           "
-          :style="{ left: item.left, top: item.top }"
+          :style="{ left: item.left, top: item.top * screenWidth / 375 + 'px' }"
           @click="clickBox(index)"
         />
       </div>
@@ -202,42 +202,43 @@ export default {
       shareConditionObj: {},
       alertOptions: {},
       barrageList: [],
+      screenWidth: window.screen.width,
       boxList: [
         {
           left: "calc(26.4% - 42.5px)",
-          top: "199px",
+          top: 199,
         },
         {
           left: "calc(50.4% - 42.5px)",
-          top: "199px",
+          top: 199,
         },
         {
           left: "calc(74.1% - 42.5px)",
-          top: "199px",
+          top: 199,
         },
         {
           left: "calc(26.4% - 42.5px)",
-          top: "299px",
+          top: 299,
         },
         {
           left: "calc(50.4% - 42.5px)",
-          top: "299px",
+          top: 299,
         },
         {
           left: "calc(74.1% - 42.5px)",
-          top: "299px",
+          top: 299,
         },
         {
           left: "calc(26.4% - 42.5px)",
-          top: "404px",
+          top: 404,
         },
         {
           left: "calc(50.4% - 42.5px)",
-          top: "404px",
+          top: 404,
         },
         {
           left: "calc(74.1% - 42.5px)",
-          top: "404px",
+          top: 404,
         },
       ],
       swiperOptions: {