ui调整

src/views/cashier.vue

@@ -18,7 +18,7 @@
             </template>
           </el-input>
           <el-col style="text-align: right; margin-top: 12px" :span="24" v-loading="ARS_amount_loading">
-            Exchange Rate: 1.00{{currency}} = <span style="font-size: 12px">{{ARS_amount}}ARS</span>
+            Exchange Rate: 1.00{{currency}} ≈ <span style="font-size: 12px">{{ARS_amount}}ARS</span>
           </el-col>
           <el-col style="text-align: right; margin-top: 12px">
             <el-button type="primary" @click="createOrderFn">Submit</el-button>
@@ -62,9 +62,15 @@
             </p>
             <div class="qrcode-box">
               <div id="qrCodeContent">
+                <!-- logo -->
+                <div style="display: flex;" class="logo-box">
+                  <img src="../assets/UnionPay.png" alt="">
+                  <img src="../assets/Brand logo.png" alt="">
+                </div>
                 <img :src="order.payUrl" id="vaImg" class="vaImg" style="display: inline-block;">
               </div>
             </div>
+            <div class="amount-box"><span>{{ order.amount }}</span>ARS≈<span>{{ amount }}</span>{{currency}} , 实际支付<span>{{ amount }}</span>{{currency === 'CNY'? '人民币': currency}}</div>
           </div>
         </div>
       </div>
@@ -243,6 +249,7 @@ function signSort(args) {
     string += "&" + k + "=" + newArgs[k];
   }
   string = string.substr(1);
+  console.log(246, string)
   return string;
 }
 
@@ -323,7 +330,31 @@ onMounted(() => {
   width: 244px;
   height: 244px;
   margin-top: 15px;
+  .logo-box {
+    display: flex;
+    width: 70%;
+    margin: 0 auto -20px;
+    z-index: 2;
+    position: relative;
+    justify-content: space-between;
+    height: 40px;
+    img {
+      display: inline-block;
+      // width: 100px;
+    }
+  }
 }
+.amount-box {
+    position: relative;
+    z-index: 2;
+    margin: -10px auto 0;
+    font-size: 12px;
+    width: 300px;
+    text-align: center;
+    span{
+      font-size: 15px;
+    }
+  }
 
 .vaImg {
   width: 240px;