| | |
| | | :class="{ 'border-blue-500 bg-blue-50': paymentMethod === 'wechat' }" |
| | | @click="paymentMethod = 'wechat'" |
| | | > |
| | | <div class="flex justify-between items-center"> |
| | | <div class="flex items-center gap-3"> |
| | | <div class="flex items-center"> |
| | | <!-- <div class="flex items-center gap-3"> |
| | | <img src="@/assets/icons/PAY-WEIXIN.png" alt="微信支付" class="w-8 h-8" /> |
| | | <span class="font-medium">微信支付</span> |
| | | </div> --> |
| | | <!-- <el-radio v-model="paymentMethod" label="wechat" /> --> |
| | | <el-radio v-model="paymentMethod" value="wechat" size="large" border> |
| | | <div class="flex items-center gap-3"> |
| | | <img src="@/assets/icons/PAY-WEIXIN.png" alt="微信支付" class="w-8 h-8" /> |
| | | <span class="font-medium">微信支付</span> |
| | | </div> |
| | | <el-radio v-model="paymentMethod" label="wechat" /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div |
| | | class="border rounded-lg p-4" |
| | | :class="{ 'border-blue-500 bg-blue-50': paymentMethod === 'alipay' }" |
| | | @click="paymentMethod = 'alipay'" |
| | | > |
| | | <div class="flex justify-between items-center"> |
| | | <div class="flex items-center gap-3"> |
| | | </el-radio> |
| | | <el-radio v-model="paymentMethod" value="alipay" size="large" border> |
| | | <div class="flex items-center gap-3"> |
| | | <img src="@/assets/icons/PAY-ALI.png" alt="支付宝" class="w-8 h-8" /> |
| | | <span class="font-medium">支付宝</span> |
| | | </div> |
| | | <el-radio v-model="paymentMethod" label="alipay" /> |
| | | |
| | | </el-radio> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | |
| | | <!-- 二维码支付区域 --> |