<view class="u-char-box data-v-0e1e7f9a"><view class="u-char-flex data-v-0e1e7f9a"><input class="u-input data-v-0e1e7f9a" disabled="{{disabledKeyboard}}" type="number" focus="{{focus}}" maxlength="{{maxlength}}" data-event-opts="{{[['input',[['getVal',['$event']]]]]}}" value="{{valueModel}}" bindinput="__e"/><block wx:for="{{loopCharArr}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="data-v-0e1e7f9a"><view class="{{['data-v-0e1e7f9a',breathe&&charArrLength==index?'u-breathe':'','u-char-item',charArrLength===index&&mode=='box'?'u-box-active':'',mode==='box'?'u-box':'']}}" style="{{'font-weight:'+(bold?'bold':'normal')+';'+('font-size:'+(fontSize+'rpx')+';')+('width:'+(width+'rpx')+';')+('height:'+(width+'rpx')+';')+('color:'+(inactiveColor)+';')+('border-color:'+(charArrLength===index&&mode=='box'?activeColor:inactiveColor)+';')}}"><block wx:if="{{mode!=='middleLine'}}"><view class="u-placeholder-line data-v-0e1e7f9a" style="{{'display:'+(charArrLength===index?'block':'none')+';'+('height:'+(width*0.5+'rpx')+';')}}"></view></block><block wx:if="{{mode==='middleLine'&&charArrLength<=index}}"><view class="{{['u-middle-line data-v-0e1e7f9a',breathe&&charArrLength==index?'u-breathe':'',charArrLength===index?'u-middle-line-active':'']}}" style="{{'height:'+(bold?'4px':'2px')+';'+('background:'+(charArrLength===index?activeColor:inactiveColor)+';')}}"></view></block><block wx:if="{{mode==='bottomLine'}}"><view class="{{['u-bottom-line data-v-0e1e7f9a',breathe&&charArrLength==index?'u-breathe':'',charArrLength===index?'u-buttom-line-active':'']}}" style="{{'height:'+(bold?'4px':'2px')+';'+('background:'+(charArrLength===index?activeColor:inactiveColor)+';')}}"></view></block><block wx:if="{{!dotFill}}"><block class="data-v-0e1e7f9a">{{''+(charArr[index]?charArr[index]:'')}}</block></block><block wx:else><block class="data-v-0e1e7f9a"><text class="u-dot data-v-0e1e7f9a">{{charArr[index]?'●':''}}</text></block></block></view></view></block></view></view>