|
3 | 3 | <view class="u-char-flex"> |
4 | 4 | <input :disabled="disabledKeyboard" :value="valueModel" type="number" :focus="focus" :maxlength="maxlength" class="u-input" @input="getVal"/> |
5 | 5 | <view v-for="(item, index) in maxlength" :key="index"> |
6 | | - <view :class="[breathe && charArrLength == index ? 'u-breathe' : '', 'u-char-item', |
| 6 | + <view :class="[breathe && charArrLength == index ? 'u-breathe' : '', 'u-char-item', |
7 | 7 | charArrLength === index && mode == 'box' ? 'u-box-active' : '', |
8 | 8 | mode === 'box' ? 'u-box' : '']" :style="{ |
9 | 9 | fontWeight: bold ? 'bold' : 'normal', |
|
15 | 15 | <view class="u-placeholder-line" :style="{ |
16 | 16 | display: charArrLength === index ? 'block' : 'none', |
17 | 17 | height: width * 0.5 +'rpx' |
18 | | - }" |
| 18 | + }" |
19 | 19 | v-if="mode !== 'middleLine'" |
20 | 20 | ></view> |
21 | 21 | <view v-if="mode === 'middleLine' && charArrLength <= index" :class="[breathe && charArrLength == index ? 'u-breathe' : '', charArrLength === index ? 'u-middle-line-active' : '']" |
|
46 | 46 | * @property {Boolean} bold 字体和输入横线是否加粗（默认true） |
47 | 47 | * @property {String Number} font-size 字体大小，单位rpx（默认60） |
48 | 48 | * @property {String} active-color 当前激活输入框的样式（默认#2979ff） |
49 | | - * @property {String} focus 非激活输入框的样式，文字颜色同此值（默认#606266） |
| 49 | + * @property {String} inactive-color 非激活输入框的样式，文字颜色同此值（默认#606266） |
50 | 50 | * @property {String | Number} width 输入框宽度，单位rpx，高等于宽（默认80） |
51 | 51 | * @property {Boolean} disabled-keyboard 禁止点击输入框唤起系统键盘（默认false） |
52 | 52 | * @event {Function} change 输入内容发生改变时触发，具体见官网说明 |
|
176 | 176 |
|
177 | 177 | <style scoped lang="scss"> |
178 | 178 | @import "../../libs/css/style.components.scss"; |
179 | | - |
| 179 | +
|
180 | 180 | @keyframes breathe { |
181 | 181 | 0% { |
182 | 182 | opacity: 0.3; |
|
0 commit comments