.

src/components/CalendarPoster.vue

               </div>
               <div class="wrap5 flex-col">
                 <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
-                <div
+                <!-- <div
                   class="main5-month flex-col"
                   :style="`background-image: url(${shaerButRed});`"
                   @click="()=>{this.shaerShow=true}"
-                ></div>
+                ></div> -->
+              <img class="main5-month flex-col" :src="shaerButRed" @click="()=>{this.shaerShow=true}" />
               </div>
             </div>
           </div>
 
   // 内容层 z-index要比遮罩大，否则会被遮盖
   .backhome {
-    width: 85px;
-    height: 42px;
+    width: 80.5px;
+    height: 37.8px;
     position: fixed;
     left: 1rem;
     top: 1rem;
       }
 
       .main5-month {
-        background-position: 50% 50%;
-        background-repeat: no-repeat;
-        height: 43.2px;
-        border-radius: 8px;
-        margin-top: 11px;
-        width: 308.7px;
-        background-color: #b02c32;
-        border: 0;
+        height: 8.64vw;
+        width: 86.4vw;
+        bottom: 5vh;        
         position: fixed;
         z-index: 15;
-        bottom: 4vh;
       }
     }
   }

src/components/MyWinning.vue

 
   // 内容层 z-index要比遮罩大，否则会被遮盖
   .backhome {
-    width: 85px;
-    height: 42px;
+    width: 80.5px;
+    height: 37.8px;
     position: fixed;
     left: 1rem;
     top: 1rem;

src/pages/SaveShare.vue

   flex-direction: column;
 }
 .backhome {
-  width: 85px;
-  height: 42px;
+  width: 80.5px;
+  height: 37.8px;
   position: fixed;
   left: 1rem;
   top: 1rem;