u-message-input.axml 2.0 KB
<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}}" onInput="__e"/><view class="data-v-0e1e7f9a" a:for="{{loopCharArr}}" a:for-item="item" a:for-index="index" a:key="index"><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 a: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 a: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 a: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 a:if="{{!dotFill}}"><block class="data-v-0e1e7f9a">{{''+(charArr[index]?charArr[index]:'')}}</block></block><block a:else><block class="data-v-0e1e7f9a"><text class="u-dot data-v-0e1e7f9a">{{charArr[index]?'●':''}}</text></block></block></view></view></view></view>