ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2026-05-06 01:00:26 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat(Field): improve number keyboard

Browse Source
This commit is contained in:
chenjiahan
2020-03-11 11:23:24 +08:00
parent 1f4ab5bb56
commit e89baa12ae
5 changed files with 13 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/stepper/index.js
+1 -3
View File
@@ -290,13 +290,11 @@ export default createComponent({
{...createListeners('minus')}
/>
<input
type="number"
type={this.integer ? 'tel' : 'number'}
role="spinbutton"
class={bem('input')}
// set keyboard in mordern browers
inputmode={this.integer ? 'numeric' : 'decimal'}
// set keyboard in iOS 8 ~ 12
pattern={this.integer ? '\\d*' : null}
value={this.currentValue}
style={this.inputStyle}
disabled={this.disabled}
src/stepper/test/__snapshots__/demo.spec.js.snap
+1 -1
View File
@@ -23,7 +23,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell van-cell--center">
<div class="van-cell__title"><span>限制输入整数</span></div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="number" role="spinbutton" inputmode="numeric" pattern="\\d*" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="tel" role="spinbutton" inputmode="numeric" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input"><button type="button" class="van-stepper__plus"></button></div>
</div>
</div>
<div class="van-cell van-cell--center">