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>
<div class="sex-radio">
<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">
<span>{{ label }}</span>
</div>
<van-radio-group class="radio-area" v-model="radio">
<van-radio @click="handleChoose(itemRadio.value)" :name="itemRadio.value" v-for="(itemRadio, index) in radios" :key="index">
<van-radio-group v-model="radio" class="radio-area">
<van-radio v-for="(itemRadio, index) in radios" :key="index" :name="itemRadio.value" @click="handleChoose(itemRadio.value)">
<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-group>
</div>
@@ -21,7 +21,7 @@ export default {
name: 'select-radio',
props: {
value: {
type: String|Boolean,
type: String | Boolean,
default: '0'
},
label: {
@@ -83,7 +83,7 @@ export default {
display: -webkit-flex;
display: flex;
justify-content: flex-start;
margin-left: -8px;
margin-left: -15px;
}
.van-cell {
align-items: center;
@@ -106,5 +106,4 @@ export default {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
</style>