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

feat(Form): support using slider

Browse Source
This commit is contained in:
陈嘉涵
2020-02-10 17:17:09 +08:00
parent 7fa4e8cad1
commit dc77be6f8a
12 changed files with 122 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/field/index.js
+1
View File
@@ -417,6 +417,7 @@ export default createComponent({
required={this.required}
clickable={this.clickable}
titleStyle={this.labelStyle}
valueClass={bem('value')}
titleClass={[bem('label', labelAlign), this.labelClass]}
arrowDirection={this.arrowDirection}
class={bem({
src/field/index.less
+4
View File
@@ -14,6 +14,10 @@
}
}
&__value {
overflow: visible;
}
&__body {
display: flex;
align-items: center;
src/field/test/__snapshots__/index.spec.js.snap
+13 -13
View File
@@ -2,7 +2,7 @@
exports[`arrow-direction prop 1`] = `
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div><i class="van-icon van-icon-arrow-up van-cell__right-icon">
<!----></i>
@@ -11,7 +11,7 @@ exports[`arrow-direction prop 1`] = `
exports[`clearable 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div>
</div>
@@ -19,7 +19,7 @@ exports[`clearable 1`] = `
exports[`clearable 2`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"><i class="van-icon van-icon-clear van-field__clear">
<!----></i></div>
</div>
@@ -29,7 +29,7 @@ exports[`clearable 2`] = `
exports[`label-class prop 1`] = `
<div class="van-cell van-field">
<div class="van-cell__title van-field__label custom-label-class"><span>Label</span></div>
<div class="van-cell__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div>
</div>
@@ -38,7 +38,7 @@ exports[`label-class prop 1`] = `
exports[`label-width prop with unit 1`] = `
<div class="van-cell van-field">
<div class="van-cell__title van-field__label" style="width: 10rem;"><span>Label</span></div>
<div class="van-cell__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div>
</div>
@@ -47,7 +47,7 @@ exports[`label-width prop with unit 1`] = `
exports[`label-width prop without unit 1`] = `
<div class="van-cell van-field">
<div class="van-cell__title van-field__label" style="width: 100px;"><span>Label</span></div>
<div class="van-cell__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div>
</div>
@@ -55,7 +55,7 @@ exports[`label-width prop without unit 1`] = `
exports[`name prop 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="text" name="foo" class="van-field__control"></div>
</div>
</div>
@@ -63,7 +63,7 @@ exports[`name prop 1`] = `
exports[`reach max word-limit 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
<div class="van-field__word-limit"><span class="van-field__word-num van-field__word-num--full">3</span>/3</div>
</div>
@@ -72,9 +72,9 @@ exports[`reach max word-limit 1`] = `
exports[`render input slot 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body">
<div class="van-field__control">Custom Input</div>
<div class="van-field__control van-field__control--custom">Custom Input</div>
</div>
</div>
</div>
@@ -83,7 +83,7 @@ exports[`render input slot 1`] = `
exports[`render label slot 1`] = `
<div class="van-cell van-field">
<div class="van-cell__title van-field__label">Custom Label</div>
<div class="van-cell__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div>
</div>
@@ -91,7 +91,7 @@ exports[`render label slot 1`] = `
exports[`render textarea 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><textarea class="van-field__control" style="height: auto;"></textarea></div>
</div>
</div>
@@ -99,7 +99,7 @@ exports[`render textarea 1`] = `
exports[`size prop 1`] = `
<div class="van-cell van-cell--large van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div>
</div>