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-cell>
</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">
<wd-checkbox v-model="model.read" prop="read" custom-label-class="label-class">
已阅读并同意
@ -144,6 +150,7 @@ const model = reactive<{
phone: string
read: boolean
fileList: UploadFileItem[]
sex: number
}>({
couponName: '',
platform: [],
@ -159,7 +166,8 @@ const model = reactive<{
cardId: '',
phone: '',
read: false,
fileList: []
fileList: [],
sex: 1
})
const rules: FormRules = {
@ -415,6 +423,7 @@ function handleIconClick() {
color: $-dark-color3;
}
}
.inline-txt {
display: inline-block;
font-size: 14px;
@ -422,17 +431,21 @@ function handleIconClick() {
color: rgba(0, 0, 0, 0.45);
vertical-align: middle;
}
:deep(.group) {
margin-top: 12px;
}
.tip {
margin: 10px 15px 21px;
color: #999;
font-size: 12px;
}
.footer {
padding: 0 25px 21px;
}
:deep(.label-class) {
color: #999 !important;
font-size: 12px !important;

View File

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