静态页面

src/pages/WoDe/XiaZaiErWeiMa/index.vue

 <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">
               <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>
       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

           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;
+        }
+      }
     }
   }
 }