123

src/views/Share.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="home-wrapper">
-    <div class="share-body">
-      ewqeqwe
+    <div
+        class="j-background"
+    ></div>
+    <div class="j-button">
+      <button class="downbtn" id="downloadButton"></button>
     </div>
-    <button class="downbtn" id="downloadButton" @click="download"></button>
   </div>
 </template>
 
@@ -17,7 +19,7 @@ export default {
       agreement: {
         userAgreement: '',
         anchorJoinAgreement: '',
-        privacyAgreement: '',
+        privacyAgreement: ''
       }
     }
   },
@@ -62,20 +64,34 @@ img {
   background-size:100% 100%;
   background: url("../assets/back.png") no-repeat fixed center center;
 }
+
+.j-background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: url("../assets/back.png") no-repeat fixed center center;
+  background-size: 100% 100%;
+}
+.j-button {
+  position: fixed;
+  left: 0;
+  right: 0;
+  margin: auto;
+  height: 60px;
+  bottom: 70px;
+  width: 300px;
+  background: url("../assets/download.png") no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+}
+
 .downbtn {
-  position: absolute;
-  color: #ffffff;
-  text-align: center;
-  font-size: 2rem;
-  font-weight: bold;
-  height: 92px;
-  width: 505px;
-  line-height: 3rem;
-  background-image: url("../assets/download.png");
-  bottom: 9.3rem;
-  left: 25%;
+  outline: none;
   border: none;
-  margin-bottom: 2rem;
-  border-radius: 1.8rem;
+  width: 100%;
+  height: 100%;
+  background: none;
 }
 </style>