移动端-分享二维码

src/views/HomeMobile.vue

@@ -225,21 +225,15 @@
 
     <div
       v-if="isShowShare"
-      v-click-outside.click="closeCode2d"
       class="share-wrap"
     >
       <img
+        v-click-outside.click="closeCode2d"
         src="@/assets/images/code2d.png"
         alt=""
         class="code"
         draggable="false"
       >
-      <img
-        src="@/assets/images/share-tip.png"
-        alt=""
-        class="tip"
-        draggable="false"
-      >
     </div>
   </div>
 </template>
@@ -595,19 +589,17 @@ export default {
 
   .share-wrap {
     position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    right: 244px;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
     > img.code {
-      width: 300px;
-      height: 300px;
-    }
-    > img.tip {
       position: absolute;
+      top: 160px;
       left: 50%;
-      top: calc(100% + 10px);
       transform: translateX(-50%);
-      width: 150px;
+      width: 170px;
+      height: 170px;
     }
   }
 }