style(ebiz/SelectRadio): 调整单选按钮组件样式与属性顺序

- 重新排列组件内元素的 class 属性顺序以提高可读性
- 将 type 类型定义中的管道符号两侧加入空格以符合代码风格
- 修改按钮的 plain 属性逻辑表达式使其更直观
- 调整 radio-area 的 margin-left 值从 -8px 到 -15px
- 移除文件末尾多余空白行
This commit is contained in:
hz
2025-11-28 14:47:43 +08:00
parent 62a8526528
commit 627b47b031

View File

@@ -1,14 +1,14 @@
<template> <template>
<div class="sex-radio"> <div class="sex-radio">
<div class="van-cell-group "> <div class="van-cell-group ">
<div class="van-cell van-field pv7" :class="{ 'van-cell--required': required }"> <div :class="{ 'van-cell--required': required }" class="van-cell van-field pv7">
<div class="van-cell__title van-field__label"> <div class="van-cell__title van-field__label">
<span>{{ label }}</span> <span>{{ label }}</span>
</div> </div>
<van-radio-group class="radio-area" v-model="radio"> <van-radio-group v-model="radio" class="radio-area">
<van-radio @click="handleChoose(itemRadio.value)" :name="itemRadio.value" v-for="(itemRadio, index) in radios" :key="index"> <van-radio v-for="(itemRadio, index) in radios" :key="index" :name="itemRadio.value" @click="handleChoose(itemRadio.value)">
<div slot="icon"></div> <div slot="icon"></div>
<van-button :color="color" class="ph30" :type="type" :plain="radio == itemRadio.value ? false : true" round size="small">{{ itemRadio.label }}</van-button> <van-button :color="color" :plain="radio != itemRadio.value" :type="type" class="ph30" round size="small">{{ itemRadio.label }}</van-button>
</van-radio> </van-radio>
</van-radio-group> </van-radio-group>
</div> </div>
@@ -21,7 +21,7 @@ export default {
name: 'select-radio', name: 'select-radio',
props: { props: {
value: { value: {
type: String|Boolean, type: String | Boolean,
default: '0' default: '0'
}, },
label: { label: {
@@ -83,7 +83,7 @@ export default {
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin-left: -8px; margin-left: -15px;
} }
.van-cell { .van-cell {
align-items: center; align-items: center;
@@ -106,5 +106,4 @@ export default {
-webkit-transform: scaleY(0.5); -webkit-transform: scaleY(0.5);
transform: scaleY(0.5); transform: scaleY(0.5);
} }
</style> </style>