mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-08 01:58:52 +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-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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user