支付

mall/src/components/module/app-share-mask.vue

@@ -63,7 +63,7 @@ export default {
                     margin: 26px 128px 36px auto;
 				}
 				.share-text {
-					width: 210px;
+					width: 250px;
 					font-size: 34px;
 					text-align: center;
                     margin: 0 80px 36px auto;

mall/src/pages/pay/index.vue

@@ -45,9 +45,16 @@
           class="button-com red"
           @click="balancePayFn"
         >余额支付</button>
-        <button class="button-com green" v-if="isWxBrowser()" @click="wexinPayFn">微信支付</button>
-        <button class="button-com green" v-else-if="isWxMiniapp()" @click="wexinPayFn">微信支付</button>
-        <button class="button-com red" v-else @click="aliPayFn">支付宝支付</button>
+        <template v-if="isWxBrowser()">
+        <button class="button-com green" @click="wexinPayFn">微信支付</button>
+        <button class="button-com red" @click="showShare = true">支付宝支付</button>
+        </template>
+        <template v-else-if="isWxMiniapp()">
+        <button class="button-com green" @click="wexinPayFn">微信支付</button>
+        </template>
+        <template v-else>
+        <button class="button-com red" @click="aliPayFn">支付宝支付</button>
+        </template>
       </div>
     </div>
     <!-- 支付密码弹窗 -->
@@ -88,6 +95,7 @@
         <div>请先设置支付密码！</div>
       </div>
     </alert-module>
+    <app-share-mask :show="showShare" @click="hideShare" text="打开浏览器支付" />
   </div>
 </template>
 
@@ -100,10 +108,10 @@ import wexinPay from "@/utils/pay/wxPay";
 import ModalModule from "@/components/plugin/modal";
 import AppCouponSel from "@/components/app-coupon-sel";
 import AlertModule from "@/components/plugin/alert";
+import AppShareMask from "@/components/module/app-share-mask";
 import { isLogin } from "@/utils/util";
 import { isWxBrowser, isWxMiniapp } from "@/utils/common";
 import { share } from "@/mixins";
-// api
 import { fastPay } from "@/api/pay";
 import { recharge } from "@/api/member";
 import { getShopUser } from "@/utils/auth";
@@ -116,7 +124,8 @@ export default {
     AppDeliveryModule,
     ModalModule,
     AppCouponSel,
-    AlertModule
+    AlertModule,
+    AppShareMask
   },
   mixins: [share],
   data() {
@@ -153,7 +162,8 @@ export default {
       // 优惠折扣
       discountArr: false,
       // 未设置密码
-      setPassModal: false
+      setPassModal: false,
+      showShare:false
     };
   },
   computed: {
@@ -349,6 +359,9 @@ export default {
       if (this.tabIndex === 1) {
         this.inpFocus = false;
       }
+    },
+    hideShare() {
+      this.showShare = false;
     }
   }
 };