blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

style(ContactEdit): adjust label width and improve style

Browse Source
This commit is contained in:
chenjiahan 2020-06-21 21:49:21 +08:00 committed by neverland
parent f9d89142b9
commit a77ebe11d7
4 changed files with 6 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/contact-card/test/__snapshots__/demo.spec.js.snap
View File

@ -43,10 +43,8 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-cell van-cell--borderless van-contact-edit__switch-cell">
<div class="van-cell__title"><span>设为默认联系人</span></div>
<div class="van-cell__value">
<div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
<div class="van-switch__node"></div>
</div>
<div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
<div class="van-switch__node"></div>
</div>
</div>
<div class="van-contact-edit__buttons"><button class="van-button van-button--danger van-button--normal van-button--block van-button--round">

1
src/contact-edit/index.js
View File

@ -128,6 +128,7 @@ export default createComponent({
<Switch
vModel={data.isDefault}
size={24}
slot="right-icon"
onChange={(event) => {
this.$emit('change-default', event);
}}

13
src/contact-edit/index.less
View File

@ -7,8 +7,8 @@
overflow: hidden;
border-radius: @contact-edit-fields-radius;
.van-cell__title {
max-width: @contact-edit-field-label-width;
.van-field__label {
width: @contact-edit-field-label-width;
}
}
@ -16,16 +16,7 @@
margin-top: 10px;
padding-top: 9px;
padding-bottom: 9px;
overflow: hidden;
border-radius: @contact-edit-fields-radius;
.van-cell__value {
flex: none;
}
.van-switch {
vertical-align: top;
}
}
&__buttons {

2
src/style/var.less
View File

@ -248,7 +248,7 @@
@contact-edit-buttons-padding: @padding-xl 0;
@contact-edit-button-margin-bottom: @padding-sm;
@contact-edit-button-font-size: 16px;
@contact-edit-field-label-width: 65px;
@contact-edit-field-label-width: 4em;
// ContactList
@contact-list-edit-icon-size: 16px;