zhujindu 7 месяцев назад
Родитель
Сommit
e1ec07fc9d
2 измененных файлов с 32 добавлено и 19 удалено
  1. BIN
      src/assets/shareTips.png
  2. 32 19
      src/components/share.vue

BIN
src/assets/shareTips.png


+ 32 - 19
src/components/share.vue

@@ -105,9 +105,11 @@
       class="share-mask"
       style="background: #fff; position: fixed; top: 0; width: 100%; height: 100%"></div>
     <div class="html2canvasBox">
-      <div class="closeShare" @click="closeShare"><van-icon name="close" /></div>
-      <div class="shareTips">
-        <img :src="require('@/assets/shareTips.png')" alt="" />
+      <div class="shareHeader">
+        <div class="shareTips">
+          <img :src="require('@/assets/shareTips.png')" alt="" />
+        </div>
+        <div class="closeShare" @click="closeShare"><van-icon name="close" /></div>
       </div>
       <div id="html2canvas" ref="html2canvas">
         <div class="scroll-container">
@@ -464,26 +466,37 @@ export default {
     overflow: hidden !important;
     display: flex;
     flex-direction: column;
-    .closeShare {
+    .shareHeader {
       position: absolute;
       z-index: 1;
-      right: 10px;
       top: 10px;
-      color: #fff;
-      .van-icon {
-        font-size: 20px;
-      }
-    }
-    .shareTips {
       width: 100%;
-      text-align: center;
-      margin: 10px 0;
-      position: absolute;
-      z-index: 1;
-      top: vw(110);
-      img {
-        width: vw(300);
-        height: vw(50);
+      display: flex;
+      align-items: center;
+      padding: 0 vw(30);
+      .closeShare {
+        // position: absolute;
+        // z-index: 1;
+        // right: 10px;
+        // top: 10px;
+        color: #fff;
+        flex: 1;
+        .van-icon {
+          font-size: vw(40);
+        }
+      }
+      .shareTips {
+        // width: 100%;
+        // text-align: center;
+        // margin: 10px 0;
+        // position: absolute;
+        // z-index: 1;
+        // top: vw(110);
+        margin-right: 10px;
+        img {
+          width: 100%;
+          height: vw(60);
+        }
       }
     }
   }