fix: 🐛 Radio修复在cell里面高度的问题

This commit is contained in:
810505339 2024-09-25 10:55:50 +08:00
parent c6b2cf84db
commit f9deacf40e
2 changed files with 16 additions and 2 deletions

View File

@ -103,6 +103,12 @@
<wd-upload :file-list="model.fileList" action="https://ftf.jd.com/api/uploadImg" @change="handleFileChange"></wd-upload> <wd-upload :file-list="model.fileList" action="https://ftf.jd.com/api/uploadImg" @change="handleFileChange"></wd-upload>
</wd-cell> </wd-cell>
</wd-cell-group> </wd-cell-group>
<wd-cell title="性别" required prop="sex" center>
<wd-radio-group shape="dot" cell inline v-model="model.sex">
<wd-radio :value="1"></wd-radio>
<wd-radio :value="2"></wd-radio>
</wd-radio-group>
</wd-cell>
<view class="tip"> <view class="tip">
<wd-checkbox v-model="model.read" prop="read" custom-label-class="label-class"> <wd-checkbox v-model="model.read" prop="read" custom-label-class="label-class">
已阅读并同意 已阅读并同意
@ -144,6 +150,7 @@ const model = reactive<{
phone: string phone: string
read: boolean read: boolean
fileList: UploadFileItem[] fileList: UploadFileItem[]
sex: number
}>({ }>({
couponName: '', couponName: '',
platform: [], platform: [],
@ -159,7 +166,8 @@ const model = reactive<{
cardId: '', cardId: '',
phone: '', phone: '',
read: false, read: false,
fileList: [] fileList: [],
sex: 1
}) })
const rules: FormRules = { const rules: FormRules = {
@ -415,6 +423,7 @@ function handleIconClick() {
color: $-dark-color3; color: $-dark-color3;
} }
} }
.inline-txt { .inline-txt {
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
@ -422,17 +431,21 @@ function handleIconClick() {
color: rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45);
vertical-align: middle; vertical-align: middle;
} }
:deep(.group) { :deep(.group) {
margin-top: 12px; margin-top: 12px;
} }
.tip { .tip {
margin: 10px 15px 21px; margin: 10px 15px 21px;
color: #999; color: #999;
font-size: 12px; font-size: 12px;
} }
.footer { .footer {
padding: 0 25px 21px; padding: 0 25px 21px;
} }
:deep(.label-class) { :deep(.label-class) {
color: #999 !important; color: #999 !important;
font-size: 12px !important; font-size: 12px !important;

View File

@ -244,8 +244,9 @@
// 以下内容用于解决父子组件样式隔离的问题 START // 以下内容用于解决父子组件样式隔离的问题 START
@include when(cell-radio) { @include when(cell-radio) {
padding: 13px 15px; padding:0px 15px;
margin: 0; margin: 0;
line-height:inherit;
@include when(large) { @include when(large) {
padding: 14px 15px; padding: 14px 15px;