alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[improvement] avoid use cell selector (#2714)

Browse Source
This commit is contained in:
neverland
2019-02-11 19:03:36 +08:00
committed by GitHub
parent 9c4ad97731
commit 9947ab00e8
17 changed files with 58 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/field/index.js
+1
View File
@@ -220,6 +220,7 @@ export default sfc({
border={this.border}
isLink={this.isLink}
required={this.required}
title-class={bem('label', labelAlign)}
class={bem({
error: this.error,
disabled: this.$attrs.disabled,
packages/field/index.less
+9 -15
View File
@@ -1,8 +1,16 @@
@import '../style/var';
.van-field {
.van-cell__title {
&__label {
max-width: 90px;
&--center {
text-align: center;
}
&--right {
text-align: right;
}
}
&__body {
@@ -111,18 +119,4 @@
min-height: 60px;
}
}
&--label {
&-center {
.van-cell__title {
text-align: center;
}
}
&-right {
.van-cell__title {
text-align: right;
}
}
}
}
packages/field/test/__snapshots__/demo.spec.js.snap
+7 -7
View File
@@ -14,7 +14,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入用户名" class="van-cell van-cell--required van-field">
<div class="van-cell__title"><span>用户名</span></div>
<div class="van-cell__title van-field__label"><span>用户名</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
<div class="van-field__right-icon"><i class="van-icon van-icon-question-o">
@@ -23,7 +23,7 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div placeholder="请输入密码" class="van-cell van-cell--required van-field">
<div class="van-cell__title"><span>密码</span></div>
<div class="van-cell__title van-field__label"><span>密码</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="password" placeholder="请输入密码" value="" class="van-field__control"></div>
</div>
@@ -35,7 +35,7 @@ exports[`renders demo correctly 1`] = `
<div disabled="disabled" class="van-cell van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-contact">
<!----></i></div>
<div class="van-cell__title"><span>用户名</span></div>
<div class="van-cell__title van-field__label"><span>用户名</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" disabled="disabled" value="输入框已禁用" class="van-field__control"></div>
</div>
@@ -45,13 +45,13 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入用户名" class="van-cell van-field van-field--error">
<div class="van-cell__title"><span>用户名</span></div>
<div class="van-cell__title van-field__label"><span>用户名</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control"></div>
</div>
</div>
<div placeholder="请输入手机号" class="van-cell van-field">
<div class="van-cell__title"><span>手机号</span></div>
<div class="van-cell__title van-field__label"><span>手机号</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入手机号" value="1365577" class="van-field__control"></div>
<div class="van-field__error-message">手机号格式错误</div>
@@ -62,7 +62,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入留言" rows="1" class="van-cell van-field">
<div class="van-cell__title"><span>留言</span></div>
<div class="van-cell__title van-field__label"><span>留言</span></div>
<div class="van-cell__value">
<div class="van-field__body"><textarea placeholder="请输入留言" rows="1" class="van-field__control"></textarea></div>
</div>
@@ -72,7 +72,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入短信验证码" class="van-cell van-cell--center van-field">
<div class="van-cell__title"><span>短信验证码</span></div>
<div class="van-cell__title van-field__label"><span>短信验证码</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入短信验证码" value="" class="van-field__control">
<div class="van-field__button"><button class="van-button van-button--primary van-button--small"><span class="van-button__text">