upup 更新一版去搞移动端需求

src/views/HotspotDetail1.vue

@@ -7,7 +7,7 @@
       :style="`opacity:${pageLev === 1 ? '1' : '0'}`"
     >
     <!-- 中间--点击查看 -->
-    <div :class="`HD1_2 ${isLookImg ? '' : 'HD1_2Hide'}`">
+    <!-- <div :class="`HD1_2 ${isLookImg ? '' : 'HD1_2Hide'}`">
       <img
         class=""
         :src="require(`@/assets/images/icon-click-tip.png`)"
@@ -15,7 +15,7 @@
         draggable="false"
       >
       <div>点 击 查 看</div>
-    </div>
+    </div> -->
 
     <!-- 右边三个画 -->
     <div
@@ -224,9 +224,12 @@ const imgBottomLoc = (nowId, itemId) => {
     transition: all 1s;
     position: absolute;
     z-index: 10;
-    top: 60px;
-    left: 30px;
-    width: 80px;
+    top: 50%;
+    transform: translateY(-47%);
+    left: 20%;
+    width: 150px;
+    height: 252px;
+
   }
 
   .HD1_2 {
@@ -263,7 +266,7 @@ const imgBottomLoc = (nowId, itemId) => {
     position: absolute;
     z-index: 10;
     transition: bottom 1s;
-    width: 100%;
+    width: 25%;
     & > img {
       width: 100%;
     }
@@ -274,14 +277,14 @@ const imgBottomLoc = (nowId, itemId) => {
     bottom: 8%;
   }
   .HD1_3_2 {
-    right: -50%;
+    right: 18%;
     z-index: 2;
-    bottom: 0;
+    bottom: -20%;
   }
   .HD1_3_3 {
-    right: -40%;
+    right: 20%;
     z-index: 3;
-    bottom: -8%;
+    bottom: -34%;
   }
   .HD1_3Ac {
     bottom: -5px;