静态页面

src/pages/WoDe/XiaZaiErWeiMa/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="Page">
-    <MainPageContainer @ShopInfoChange="Init" :ShowMainHeader="true" :ShowMainHeaderBack="true" MainHeaderTitle="邀请注册" :ShowMainHeaderMore="true" MainHeaderMoreText="保存截图" :MainHeaderMoreClick="SaveImg">
+    <MainPageContainer @ShopInfoChange="Init" :ShowMainHeader="true" :ShowMainHeaderBack="true" MainHeaderTitle="邀请注册">
       <div ref="PageContainer" class="PageContainer">
         <img v-if="Base64Img !== null" :src="Base64Img" width="100%" alt="">
         <div class="centerLabel">
@@ -12,6 +12,9 @@
               <img v-if="QrCodeUrl !== null" :src="QrCodeUrl" class="contain" alt="">
             </div>
           </div>
+          <div class="SaveImg">
+            <a @click="SaveImg">保存截图</a>
+          </div>
         </div>
         <img v-if="CanvasImg !== null" :src="CanvasImg" class="CanvasImg" alt="">
         <a v-if="CanvasImg !== null" ref="CanvasImgDownload" :href="CanvasImg" download="xiaoniu.jpeg"></a>
@@ -70,11 +73,9 @@ export default {
       return dataURL
     },
     SaveImg () {
-      if (window.js2native.screen) {
-        console.log('是app')
+      if (window.js2native !== undefined) {
         window.js2native.screen(document.getElementsByClassName('PageContainer')[0].getBoundingClientRect().top)
       } else {
-        console.log('不是app')
         if (this.$refs.CanvasImgDownload) {
           this.$refs.CanvasImgDownload.click()
         }

src/pages/WoDe/XiaZaiErWeiMa/page.scss

@@ -68,6 +68,24 @@
           overflow: hidden;
         }
       }
+      > .SaveImg {
+        padding: 0 30px;
+        position: relative;
+        overflow: hidden;
+        background: none;
+        box-shadow: none;
+        margin-top: -0.5rem;
+        > a {
+          width: 100%;
+          display: block;
+          font-size: 0.14rem;
+          color: #fff;
+          line-height: 0.4rem;
+          text-align: center;
+          background: #d91d36;
+          border-radius: 0.06rem;
+        }
+      }
     }
   }
 }