tangning 2 năm trước cách đây
mục cha
commit
2aca074f98
2 tập tin đã thay đổi với 23 bổ sung11 xóa
  1. 20 9
      src/views/mobile/index.vue
  2. 3 2
      src/views/pc/index.vue

+ 20 - 9
src/views/mobile/index.vue

@@ -16,14 +16,24 @@ const { t } = useI18n()
 const userStore = useUserStore();
 const isEur = userStore.isEur
 const openId = computed(() => userStore.getOpenId);
-const is_weixn = computed(() => {
-  var wx = window.navigator.userAgent.toLowerCase()
-  if (wx.match(/MicroMessenger/i) == 'micromessenger') {
-    return true // 是微信端
-  } else {
-    return false
+const is_zfb = ref(false)
+const is_weixn = ref(false)
+var browser = navigator.userAgent.toLowerCase();
+  if(browser.match(/Alipay/i)=="alipay"){
+    console.log("支付宝app的浏览器");
+    is_zfb.value = true
+  }else if(browser.match(/MicroMessenger/i)=="micromessenger"){
+    console.log("微信app的浏览器");
+    is_weixn.value = true
   }
-})
+// const is_weixn = computed(() => {
+//   var wx = window.navigator.userAgent.toLowerCase()
+//   if (wx.match(/MicroMessenger/i) == 'micromessenger') {
+//     return true // 是微信端
+//   } else {
+//     return false
+//   }
+// })
 // let PAYSID = {
 //   wechatPay: is_weixn.value ? 1 : 0,
 //   alipay: 4,
@@ -41,6 +51,7 @@ async function handelPay() {
   }
   const res = await openPay(apiData)
   console.log('apiData', res)
+
   if (is_weixn.value) {
     //微信内支付
     onBridgeReady(res)
@@ -182,14 +193,14 @@ async function handleOpenPay() {
         </div>
       </div>
       <div class="payType">
-        <div class="cell" @click="handleType('0')">
+        <div class="cell" @click="handleType('0')" v-if="is_zfb">
           <span>
             <img class="payTypeImg" src="@/assets/images/wechat56.png" alt="" />
             {{$t('payInfo.wx')}}
           </span>
           <div class="select" :class="{ active: payType == '0' }"></div>
         </div>
-        <div class="cell" @click="handleType('4')" v-if="!is_weixn">
+        <div class="cell" @click="handleType('4')" v-if="is_weixn">
           <span>
             <img class="payTypeImg" src="@/assets/images/alipay56.png" alt="" />
             {{$t('payInfo.zfb')}}

+ 3 - 2
src/views/pc/index.vue

@@ -314,7 +314,8 @@ async function getCode() {
     }
   }
   .pay-qrcode {
-    padding: 60px 0 0 337px;
+    padding: 60px 0 0 0px;
+    text-align: center;
     img {
       width: 190px;
       height: 190px;
@@ -329,7 +330,7 @@ async function getCode() {
     background-size: contain;
     position: absolute;
     top: 113px;
-    left: 562px;
+    left: calc(50% + 40px + 92px);
     &.isEn {
       background-image: url(@/assets/images/scan-tip-en.png);
     }