mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-06 17:18:40 +08:00
fix: 🐛 Radio修复在cell里面高度的问题
This commit is contained in:
parent
c6b2cf84db
commit
f9deacf40e
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user