bugfix2

src/main/resources/static/css/pay/caimei-pay.css

@@ -101,6 +101,35 @@
 * 移动端
 */
 @media screen and (max-width:768px){
+.head-wrap{box-sizing:border-box;padding:0 3.2vw;height:15vw;line-height:15vw;background:#FFF;font-size:4.6vw}
+.head-wrap .logo{height:15vw;float:left;margin-right:3vw}
+.head-wrap .logo img{height:15vw}
+.pay-title,.pay-goods{margin-top:2.6vw;background:#FFF;position:relative;padding:2.6vw 3.2vw;line-height:7vw}
+.pay-title .title-left p span{display:block;color:#e15616;font-size:3.4vw}
+.pay-title .title-left p span:first-child{color:#333;font-size:4.2vw}
+.pay-title .title-right{text-align:right}
+.pay-title .title-right .time{box-sizing:border-box;padding-right:2vw;display:inline-block;width:40vw;height:10vw;line-height:9vw;background:url(/img/pay/icon-time.png)no-repeat;background-size:100% 100%}
+.pay-title .title-right .time span{display:inline-block;width:7vw;text-align:center;color:#FFF;vertical-align:middle}
+.pay-goods .bot-num{display:inline-block;width: 49%;}
+.pay-goods .bot-num span.red{    color: #FF2A2A;}
+.pay-goods .bot-left{
+    text-align: right;
+    color: #999999;
+    line-height: 10vw;
+}
+.pay-goods .bot-left p{display:inline-block;}
+.pay-goods .bot-left .icon-down {
+    display:inline-block;
+    width: 4vw;
+    height: 4vw;
+    background: url(/img/pay/icon-bot.gif);
+    background-size: 100% 100%;
+    vertical-align: text-bottom;
+}
+
+
+
+
 
 
 

src/main/resources/static/css/pay/caimei-paycash.css

@@ -132,8 +132,16 @@ input::-webkit-outer-spin-button {
     .payment{border:1px solid #EBEBEB;border-top:none;padding:2.6vw}
     .record-li{margin-top:3vw}
     .pay-bank .bank-list{text-align:center;margin-top:3vw}
-    .pay-bank .bank-list .bank-a{display:inline-block;width:28vw;border:1px solid #FFFFFF;position:relative;border-radius:2px}
-    .pay-bank .bank-list .bank-a img{width:100%}
+    .pay-bank .bank-list .bank-a,.pay-bank .bank-list .bank-b{display:block;border:1px solid #FFFFFF;position:relative;border-radius:2px}
+    .pay-bank .bank-list .bank-a:before,.pay-bank .bank-list .bank-b:before{position:absolute;right:0;bottom:0;display:none;width:6vw;height:6vw;background-position:-75vw -7.8vw}
+    .pay-bank .bank-list .bank-a.active,.pay-bank .bank-list .bank-b.active{border:1px solid #e15616}
+    .pay-bank .bank-list .bank-a.active:before,.pay-bank .bank-list .bank-b.active:before{display:block}
+    .pay-bank .bank-list .bank-a{width:100%;height:11.7vw;background:#f7f7f7;text-align:left;margin-bottom:2.6vw}
+    .pay-bank .bank-list .bank-a img{height:100%}
+    .pay-bank .bank-list .bank-b{box-sizing:border-box;width:28vw;height:9.7vw;margin:0 1vw 1vw 0;overflow:hidden}
+    .pay-bank .bank-list .bank-b img{height:100%;width:100%}
+    .pay-link p{font-size:3.1vw;color:#e15616}
+    .pay-link a{margin:2vw auto;display:block;width:36vw;height:11.2vw;line-height:11.2vw;background-color:#ffe6dc;border:solid 1px #e15616;font-size:3.7vw;color:#e15616;border-radius:6vw;text-align:center}
     .payment-transfer,.payment-title{color:#22272e}
     .payment-transfer .label>p{font-size:3.4vw;color:#22272e;line-height:5vw;padding:1.6vw 0}
     .payment-transfer .label .label-title{font-size:3.1vw;color:#e15616}
@@ -144,5 +152,4 @@ input::-webkit-outer-spin-button {
     .pay-button a{display:block;width:93.4vw;height:11.2vw;line-height:11.2vw;font-size:3.7vw;text-align:center;border-radius:2px;border:1px solid #e15616;margin:0 auto 2.6vw auto;color:#FFF;background:#e15616}
 
 
-
 }

src/main/resources/templates/pay/caimei-paycash.html

@@ -73,15 +73,15 @@
                     <div class="payment" id="mobilePayment" v-if="tabIndex === 0">
                         <div class="payment-title">{{payStatusText}}</div>
                         <div class="pay-bank">
-                            <div class="bank-list mfbt" id="mobileContent">
-                                <a href="javascript:void(0);" class="bank-a" v-for="(item, index) in mobileData" :key="index" @click="checkMobilePay(index,item)" :class="{ active: mobileTabIndex === index }">
+                            <div class="bank-list" id="mobileContent">
+                                <a href="javascript:void(0);" class="bank-a mIcon" v-for="(item, index) in mobileData" :key="index" @click="checkMobilePay(index,item)" :class="{ active: mobileTabIndex === index }">
                                     <img :src="item.imgUrl" :alt="item.bankName">
                                 </a>
                             </div>
                         </div>
                         <div class="pay-bank"  v-if="mobileTabIndex === 2">
-                            <div class="bank-list" id="bankContent">
-                                <a href="javascript:void(0);" class="bank-b" v-for="(item, index) in bankData" :key="index" :class="{ active: bankTabIndex === index }"  @click="checkBankPay(index,item)">
+                            <div class="bank-list mfw" id="bankContent">
+                                <a href="javascript:void(0);" class="bank-b mIcon" v-for="(item, index) in bankData" :key="index" :class="{ active: bankTabIndex === index }"  @click="checkBankPay(index,item)">
                                     <img :src="item.imgUrl" :alt="item.bankName">
                                 </a>
                             </div>