.

src/components/CalendarPoster.vue

             </div>
             <div class="mod2 flex-col">
               <div class="block1 flex-col">
-                <div
+                <!-- <div
                   class="section1 flex-col"
                   @click="()=>{this.shaerShow=true}"
                   :style="`background-image: url(${shaerBut});`"
-                ></div>
+                ></div> -->
+                <img class="section1 flex-col" :src="shaerBut" @click="()=>{this.shaerShow=true}" />
                 <span :style="`background-image: url(${pressImage});`" class="info2"></span>
               </div>
             </div>
               </div>
               <div class="wrap5 flex-col">
                 <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
-                <!-- <div
-                  class="main5-month flex-col"
-                  :style="`background-image: url(${shaerButRed});`"
-                  @click="()=>{this.shaerShow=true}"
-                ></div> -->
-              <img class="main5-month flex-col" :src="shaerButRed" @click="()=>{this.shaerShow=true}" />
+                <img class="main5-month flex-col" :src="shaerButRed" @click="()=>{this.shaerShow=true}" />
               </div>
             </div>
           </div>
       backimg: require('../assets/buttonImg/backImg.png'),
       shaerBut: require('../assets/buttonImg/sayFriend.png'),
       pressImage: require('../assets/buttonImg/pressSave.png'),
-      shaerButRed: require('../assets/buttonImg/sayFriendRed.png'),
+      shaerButRed: require('../assets/buttonImg/sayFriendRed.jpg'),
       pressLucky: require('../assets/buttonImg/pressSave.png')
     }
   },
       .block1 {
         height: 113px;
         .section1 {
-          height: 75.6px;
-          border-radius: 8px;
-          background-size: 100% auto;
-          background-color: #fff;
-          width: 162px;
-          justify-content: center;
-          align-items: center;
-          border: 0;
+          height: 48px;
+          width: 141px;
         }
         .info2 {
           width: 140.4px;
           color: #fff;
           text-align: center;
           align-self: center;
-          margin-top: 12px;
           background-size: 100% auto;
           background-repeat: no-repeat;
         }

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=" height:100%; z-index:46" src="../assets/buttonImg/shareText.png" alt />
+        <img style=" height:90%; z-index:46" src="../assets/buttonImg/shareText.png" alt />
       </div>
       <fire-flies></fire-flies>