payment

src/stores/user.ts

@@ -7,7 +7,7 @@ export const useUserStore = defineStore('user', {
     return {
       token: localStorage.getItem('token'),
       openId: localStorage.getItem('openId'),
-      isEur: window.location.hostname.includes('eur'),
+      isEur: !window.location.hostname.includes('eur'),
     }
   },
   getters:{ // 相当于vue里面的计算属性，可以缓存数据

src/views/pc/index.vue

@@ -166,7 +166,7 @@ async function getCode() {
           <div class="pay-info">
             <p class="label">{{ $t('mall.payNum') }}：</p>
             <p class="price">{{isEur?'$':'￥'}}{{ orderDetal.orderMoney }}</p>
-            <div class="pay-qrcode" style="min-height: 220px">
+            <div class="pay-qrcode" style="min-height: 220px" v-if="!isEur">
               <QrcodeVue
                 v-if="qrCodeUrl"
                 :value="qrCodeUrl"
@@ -181,7 +181,8 @@ async function getCode() {
                 }}
               </p>
             </div>
-            <div :class="`pay-scan-tip ${language === 'zh' ? '' : 'isEn'}`"></div>
+            <div class="payment" @click="window.open(qrCodeUrl.value)">{{ $t('payInfo.payOrder') }}</div>
+            <div v-show="!isEur" :class="`pay-scan-tip ${language === 'zh' ? '' : 'isEn'}`"></div>
           </div>
         </div>
       </div>
@@ -330,6 +331,21 @@ async function getCode() {
       display: block;
     }
   }
+  .payment{
+    width: 216px;
+    height: 55px;
+    line-height: 55px;
+    background: #29B2FF;
+    margin: 60px auto 0 auto;
+    border-radius: 4px 4px 4px 4px;
+    opacity: 1;
+    text-align: center;
+    font-size: 16px;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #FFFFFF;
+    cursor: pointer;
+  }
   .pay-scan-tip {
     width: 186px;
     height: 165.5px;