<view class="code-box data-v-0fd9b863"><view class="flex-box data-v-0fd9b863"><input class="hide-input data-v-0fd9b863" type="number" focus="{{autoFocus}}" maxlength="{{maxlength}}" data-event-opts="{{[['input',[['getVal',['$event']]]]]}}" value="{{inputValue}}" bindinput="__e"/><block wx:for="{{ranges}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-0fd9b863"><view class="{{['data-v-0fd9b863','item',[(codeIndex===item)?'active':'',(type==='middle')?'middle':'',(type==='bottom')?'bottom':'',(type==='box')?'box':'']]}}"><block wx:if="{{type!=='middle'}}"><view class="line data-v-0fd9b863"></view></block><block wx:if="{{type==='middle'&&codeIndex<=item}}"><view class="bottom-line data-v-0fd9b863"></view></block><block wx:if="{{isPwd&&codeArr.length>=item}}"><block class="data-v-0fd9b863"><text class="dot data-v-0fd9b863">●</text></block></block><block wx:else><block class="data-v-0fd9b863"><text class="number data-v-0fd9b863">{{codeArr[index]?codeArr[index]:''}}</text></block></block></view></block></block></view></view>