修改单选样式

pages/choosePayment/choosePayment.vue

@@ -15,7 +15,7 @@
           <radio-group @change="payRadioChange">
             <template v-if="projectFlag !== 'zhenning' && projectFlag !== 'wudang'">
               <!-- #ifdef H5 || MP-WEIXIN -->
-              <view class="pay-list-item" v-if="wxEnv">
+              <view class="pay-list-item" v-if="wxEnv" @click="payRadioClick('weixin')">
                 <view class="pay-list-item-image">
                   <image class="image" src="/static/img/wechat-icon-new.png" mode="aspectFit" />
                   <view>微信支付</view>
@@ -27,7 +27,7 @@
               <!-- #endif -->
             </template>
             <template v-if="alipayEnv && projectFlag === 'puding'">
-              <view class="pay-list-item">
+              <view class="pay-list-item" @click="payRadioClick('juhe')">
                 <view class="pay-list-item-image">
                   <image class="image" src="/static/img/alipay-icon-new.png" mode="aspectFit" />
                   <view>支付宝支付<text>随机立减最高10元</text></view>
@@ -37,7 +37,7 @@
                 </view>
               </view>
             </template>
-            <view class="pay-list-item">
+            <view class="pay-list-item" @click="payRadioClick('gzyh')">
               <view class="pay-list-item-image">
                 <image class="image" src="/static/img/gy-icon-new.png" mode="aspectFit" />
                 <view>贵州银行</view>
@@ -47,7 +47,7 @@
               </view>
             </view>
             <template v-if="projectFlag === 'zhenning'">
-              <view class="pay-list-item">
+              <view class="pay-list-item" @click="payRadioClick('weixinzn')">
                 <view class="pay-list-item-image">
                   <image class="image" src="/static/img/wechat-icon-new.png" mode="aspectFit" />
                   <view>微信/支付宝</view>
@@ -58,7 +58,7 @@
               </view>
             </template>
             <template v-if="projectFlag !== 'zhenning'">
-              <view class="pay-list-item">
+              <view class="pay-list-item" @click="payRadioClick('juhe')">
                 <view class="pay-list-item-image">
                   <image class="image" src="/static/img/juhe-icon-new.png" mode="aspectFit" />
                   <view>聚合支付</view>
@@ -315,6 +315,9 @@ export default {
     payRadioChange({ detail }) {
       this.radioCurrent = detail.value;
     },
+		payRadioClick(value) {
+			this.radioCurrent = value;
+		},
     /**
      * 选中优惠券
      * @date 2023-02-17

uni.scss

@@ -31,3 +31,9 @@
 .bottom-btn.static {
   position: static;
 }
+uni-radio .uni-radio-input {
+	border: 1px solid #000;
+}
+uni-radio .uni-radio-input:hover {
+	border: 1px solid #000;
+}