style

src/components/ShaerPopup.vue

   <div v-if="showSelf" class="dialog" :style="{'z-index': zIndex}">
     <div class="dialog-mark" @click="closeMyself" :style="{'z-index': zIndex + 1}">
       <div v-show="myShareShow" class="sharetiptxt" style>
-        <img style="width:100%; height:100%;" src="../assets/popupImg/myShare.png" alt />
+        <img style="width:100%; height:100%; z-index:46" src="../assets/popupImg/myShare.png" alt />
       </div>
       <transition name="dialog">
-        <div class="dialog-sprite" :style="{'z-index': zIndex + 2}">
+        <div class="dialog-sprite">
           <div class="dialog-body">
             <div class="bd2 flex-col">
               <img class="pic1" src="../assets/ShaerPopupImg/popuBgc.jpg" alt />
       default: false,
       required: true
     },
-    title: {
-      type: String,
-      required: true
-    },
-    showCancel: {
-      typs: Boolean,
-      default: false,
-      required: false
-    },
     cancelText: {
       type: String,
       default: '取消',
       required: false
-    },
-    confirmText: {
-      type: String,
-      default: '确定',
-      required: false
-    },
-    LoadingShow: {
-      type: Boolean,
-      default: false,
-      required: true
     }
   },
 

src/pages/Honghe.vue

 <template>
   <div class="index-box">
     <popup :show="showPopup" @cancel="cancelFrom" />
+    <!-- <SaveShare :show="sSaveSharehowPopup" @cancel="cancelFrom" /> -->
     <div>
       <div>
         <img class="topImage" src="../assets/hareTop.png" alt />
       <div class="outer6 flex-col">
         <div v-for="item in indexJPG" :key="item" class="section-item">
           <div @click="baga">
-            <!-- <img class="section-item-image" src="../assets/coverIndex.jpg" /> -->
-            <img
+            <img class="section-item-image" src="../assets/coverIndex.jpg" />
+            <!-- <img
               :class="`section-item-image ${!showPopup?'backImag':''}` "
               src="../assets/popupImg/backImag.jpg"
-            />
+            />-->
           </div>
         </div>
       </div>
 export default {
   name: 'Honghe',
   components: {
-    Popup: () => import('@/components/Popup.vue')
+    Popup: () => import('@/components/Popup.vue'),
+    SaveShare: () => import('./SaveShare.vue')
   },
   data() {
     return {
       indexJPG: new Array(12).fill(null),
-      showPopup: false
+      showPopup: false,
+      sSaveSharehowPopup: false
     }
   },
   computed: {
     person: {
-      get () {
+      get() {
         return useModel('person')[0]
       },
-      set (val) {
+      set(val) {
         useModel('person')[1](val)
       }
     }

src/pages/SaveShare.vue

 <template>
-  <div style=" height:100vh; width:100%;">
+  <div style=" height:100vh; width:100%;" v-if="showSelf">
     <!-- 弹窗 -->
-    <ShaerPopup :show="shaerShow" @closeMyself="cancelFrom" />
+    <ShaerPopup :show="show" @closeMyself="cancelFrom" />
     <!-- 弹窗 -->
 
     <router-link :to="{path:'/'}">
         <!-- 领取屏保 -->
         <div class="outer3 flex-col">
           <div class="haibao">
-            <img class="haibao" src="../assets/saverShaerImg/haibao.jpg" alt />
+            <img class="haibao" src="~@/assets/saverShaerImg/haibao.jpg" alt />
           </div>
           <div class="mod2 flex-col">
             <div class="block1 flex-col">
   components: {
     ShaerPopup: () => import('@/components/ShaerPopup.vue')
   },
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+      required: true
+    },
+    cancelText: {
+      type: String,
+      default: '取消',
+      required: false
+    }
+  },
   data() {
     return {
       item: null,