flx

src/components/CalendarPoster.vue

     <div style=" height:100vh; width:100%;
     ">
       <!-- 弹窗 -->
-      <ShaerPopup :show="shaerShow" @closeMyself="cancelPopup" />
+      <ShaerPopup :show="shaerShow" @closeMyself="cancelPopup" :current-month="currentMonth" />
       <!-- 弹窗 -->
 
       <!-- <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="currentMonth.calendarImg" alt />
             </div>
             <div class="mod2 flex-col">
               <div class="block1 flex-col">
           <div class="page flex-col">
             <div class="group1 flex-col">
               <div class="wrap3 flex-col">
-                <img src="~@/assets/saverShaerImg/calendar.jpg" class="subhaibao" />
+                <img :src="currentMonth.calendarImg" class="subhaibao" />
               </div>
               <div class="wrap5 flex-col">
                 <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
       default: '取消',
       required: false
     },
+    currentMonth: {
+      type: Object
+    },
 
     stater: {
       type: Number
   data() {
     return {
       shaerShow: false,
-      backimg: require('../assets/saverShaerImg/back.png'),
-      shaerBut: require('../assets/saverShaerImg/shaerLucky.png'),
-      pressImage: require('../assets/saverShaerImg/PressImage.png'),
-      shaerButRed: require('../assets/saverShaerImg/shaerLuckyRed.png'),
-      pressLucky: require('../assets/saverShaerImg/PressLucky.png')
+      backimg: require('../assets/buttonImg/backImg.png'),
+      shaerBut: require('../assets/buttonImg/sayFriend.png'),
+      pressImage: require('../assets/buttonImg/pressSave.png'),
+      shaerButRed: require('../assets/buttonImg/shaerLuckyRed.png'),
+      pressLucky: require('../assets/buttonImg/happyAccept.png')
     }
   },
 

src/components/MyWinning.vue

           <!-- 领取屏保 -->
           <div class="outer3 flex-col">
             <div class="haibao">
-              <img class="haibao" src="~@/assets/saverShaerImg/haibao.jpg" alt />
+              <img class="haibao" :src="currentMonth.calendarImg" alt />
             </div>
             <div class="mod2 flex-col">
               <!-- <div class="block1 flex-col">
           <div class="page flex-col">
             <div class="group1 flex-col">
               <div class="wrap3 flex-col">
-                <img src="~@/assets/saverShaerImg/calendar.jpg" class="subhaibao" />
+                <img :src="currentMonth.calendarImg" class="subhaibao" />
               </div>
               <!-- <div class="wrap5 flex-col">
                 <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
       default: '取消',
       required: false
     },
-
+    currentMonth: {
+      type: Object
+    },
     stater: {
       type: Number
     }
   data() {
     return {
       shaerShow: false,
-      backimg: require('../assets/saverShaerImg/back.png'),
-      shaerBut: require('../assets/saverShaerImg/shaerLucky.png'),
-      pressImage: require('../assets/saverShaerImg/PressImage.png'),
-      shaerButRed: require('../assets/saverShaerImg/shaerLuckyRed.png'),
-      pressLucky: require('../assets/saverShaerImg/PressLucky.png')
+      backimg: require('../assets/buttonImg/backImg.png'),
+      shaerBut: require('../assets/buttonImg/sayFriend.png'),
+      pressImage: require('../assets/buttonImg/pressSave.png'),
+      shaerButRed: require('../assets/buttonImg/shaerLuckyRed.png'),
+      pressLucky: require('../assets/buttonImg/happyAccept.png')
     }
   },
 

src/components/Popup.vue

 <template>
   <div v-if="showSelf" class="dialog">
-    <CalendarPoster :show="showPopupCalendarPoster" @cancelPopus="canckle" :stater="stater" />
+    <CalendarPoster
+      :show="showPopupCalendarPoster"
+      @cancelPopus="canckle"
+      :stater="stater"
+      :current-month="currentMonth"
+    />
 
     <!-- 我的奖品 -->
-    <MyWinning :show="MyWinningShow" @cancel="()=>this.MyWinningShow=false" />
+    <MyWinning
+      :show="MyWinningShow"
+      @cancel="()=>this.MyWinningShow=false"
+      :current-month="currentMonth"
+    />
 
     <div class="dialog-mark" @click.self="closeMyself">
       <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%;" src="../assets/buttonImg/shareText.png" alt />
       </div>
       <transition name="dialog">
         <div class="dialog-sprite">
           <div class="dialog-body">
             <div class="card-wrapper">
               <div :class="`dialog-popuImag ${classDivAA?'flipped':''}`">
-                <!-- <img src="../assets/popupImg/popuBody.jpg" alt /> -->
+                <!-- <img src="../assets/buttonImg/popuBody.jpg" alt /> -->
                 <div class="back">
-                  <img style="width: 180px; height:492px" src="../assets/popupImg/popuBody.jpg" alt />
+                  <img style="width: 180px; height:492px" :src="currentMonth.screenImg" alt />
                 </div>
 
                 <div class="front">
-                  <img
-                    style="width: 180px; height:492px "
-                    src="../assets/popupImg/backImag.jpg"
-                    alt
-                  />
+                  <img style="width: 180px; height:492px " :src="currentMonth.calendarImg" alt />
                 </div>
               </div>
             </div>
 
             <div class="dialog-footer">
-              <img @click="cancel" class="btn" src="../assets/popupImg/cancelmage.png" alt />
+              <img @click="cancel" class="btn" src="../assets/buttonImg/closeBut.png" alt />
             </div>
           </div>
           <!-- 右侧 -->
           <div class="section-box">
             <div class="section-box-share" @click="()=>{this.MyWinningShow=true}">
-              <img src="../assets/popupImg/shareImage.png" alt />
+              <img src="../assets/buttonImg/myPrize.png" alt />
             </div>
             <div
               class="section-box-receive"
               @click="()=>{this.showPopupCalendarPoster=true,this.stater=0}"
             >
-              <img src="../assets/popupImg/receiveImage.png" alt />
+              <img src="../assets/buttonImg/saveHaibao.png" alt />
             </div>
             <div
               class="section-box-save"
               @click="()=>{this.showPopupCalendarPoster=true,this.stater=1}"
             >
-              <img src="../assets/popupImg/saveImage.png" alt />
+              <img src="../assets/buttonImg/saveMonth.png" alt />
             </div>
           </div>
         </div>
       default: false,
       required: true
     },
-    // title: {
-    //   type: String,
-    //   required: true
-    // },
+    currentMonth: {
+      type: Object
+    },
     showCancel: {
       typs: Boolean,
       default: false,

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%; z-index:46" src="../assets/popupImg/myShare.png" alt />
+        <img
+          style="width:100%; height:100%; z-index:46"
+          src="../assets/buttonImg/shareText.png"
+          alt
+        />
       </div>
       <transition name="dialog">
         <div class="dialog-sprite">
           <div class="dialog-body">
             <div class="bd2 flex-col">
-              <img class="pic1" src="../assets/ShaerPopupImg/popuBgc.jpg" alt />
+              <img class="pic1" src="../assets/sharePagesImg/1.jpg" alt />
             </div>
 
             <div class="bd1 flex-col">
       type: String,
       default: '取消',
       required: false
+    },
+    currentMonth: {
+      type: Object
     }
   },
 
       showSelf: false,
       zIndex: this.getZIndex(),
       bodyOverflow: '',
-      popuSave: require('../assets/ShaerPopupImg/popuSave.png'),
+      popuSave: require('../assets/sharePagesImg/2.png'),
 
       myShareShow: true
     }

src/components/WinningPopup.vue

   <div v-if="showSelf" class="dialog">
     <div class="dialog-mark" @click.self="closeMyself">
       <div class="sharetiptxt" style>
-        <img style="width:100%; height:100%;" src="../assets/popupImg/myShare.png" alt />
+        <img style="width:100%; height:100%;" src="../assets/buttonImg/shareText.png" alt />
       </div>
       <transition name="dialog">
         <div class="dialog-sprite">
                 <div class="front">
                   <img
                     style="width: 180px; height:492px "
-                    src="../assets/popupImg/backImag.jpg"
+                    src="../assets/buttonImg/backImg.png"
                     alt
                   />
                 </div>