Merge branch 'master' of http://git.ycjcjy.com/honghe/h5-draw-lots into master

src/pages/SaveShare.vue

@@ -1,10 +1,8 @@
 <template>
   <div style="background-color:#c1172d; height:100vh; width:100%;">
-    <div
-      class="backhome"
-      :style="`background:url('${backimg}');background-size: 100% auto;`"
-      @click="()=>{}"
-    ></div>
+    <router-link :to="{path:'/'}">
+      <div class="backhome" :style="`background:url('${backimg}');background-size: 100% auto;`"></div>
+    </router-link>
 
     <div>
       <div v-if="item==0">
@@ -23,7 +21,13 @@
       </div>
       <div v-else>
         <!-- 挂历 -->
-        <div class="main5 flex-col" :style="`background-image: url(${shaerButRed});`"></div>
+        <div class="wrap3 flex-col">
+          <img src class="subhaibao" />
+        </div>
+        <div class="wrap5 flex-col">
+          <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
+          <div class="main5 flex-col" :style="`background-image: url(${shaerButRed});`"></div>
+        </div>
       </div>
     </div>
   </div>
@@ -39,7 +43,8 @@ export default {
       backimg: require('../assets/saverShaerImg/back.png'),
       shaerBut: require('../assets/saverShaerImg/shaerLucky.png'),
       pressImage: require('../assets/saverShaerImg/PressImage.png'),
-      shaerButRed: require('../assets/saverShaerImg/shaerLuckyRed.png')
+      shaerButRed: require('../assets/saverShaerImg/shaerLuckyRed.png'),
+      pressLucky: require('../assets/saverShaerImg/PressLucky.png')
     }
   },
 
@@ -119,8 +124,41 @@ export default {
     }
   }
 }
+.wrap3 {
+  z-index: 13;
+  position: relative;
+  width: 98vw;
+  overflow: hidden;
+  align-self: center;
+  margin-top: 1vw;
+  margin-left: 0;
+  .subhaibao {
+    position: absolute;
+    width: 100%;
+    left: 0;
+    top: 0;
+  }
+}
+.wrap5 {
+  height: 137px;
+  background-color: #efe9e0;
+  margin-top: 19px;
+  width: 100vw;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  .txt1 {
+    background-size: 100% auto;
+    background-repeat: no-repeat;
+    width: 112px;
+    height: 18px;
+    margin-bottom: 80px;
+  }
+}
 
 .main5 {
+  background-size: 100% auto;
+  background-repeat: no-repeat;
   height: 48px;
   border-radius: 8px;
   margin-top: 11px;