chenglijuan
70 lines
2.2 KiB
Plaintext
70 lines
2.2 KiB
Plaintext
<!--plate-input.wxml-->
|
|
<view class="plate-container">
|
|
<!-- 车牌号格子显示 -->
|
|
<view class="plate-body">
|
|
<view class="plate-cell {{plateChars[0] ? 'filled' : 'empty'}}" bindtap="onProvinceTap">
|
|
{{plateChars[0] || '省'}}
|
|
</view>
|
|
<view class="plate-cell {{plateChars[1] ? 'filled' : 'empty'}}" bindtap="onCityTap">
|
|
{{plateChars[1] || '市'}}
|
|
</view>
|
|
<view class="plate-sep">·</view>
|
|
<view
|
|
wx:for="{{numSlots}}" wx:key="*this"
|
|
class="plate-cell num {{plateChars[item + 2] ? 'filled' : 'empty'}} {{item >= 5 ? 'extra' : ''}}"
|
|
bindtap="onNumTap"
|
|
>
|
|
{{plateChars[item + 2] || (item < 5 ? '' : '新')}}
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 隐藏输入框（唤起键盘） -->
|
|
<input
|
|
class="plate-hidden-input"
|
|
type="text"
|
|
focus="{{inputFocus}}"
|
|
value="{{numValue}}"
|
|
maxlength="6"
|
|
bindinput="onNumInput"
|
|
adjust-position="{{true}}"
|
|
confirm-type="done"
|
|
/>
|
|
|
|
<!-- 清除按钮 -->
|
|
<view class="plate-clear" wx:if="{{hasValue}}" bindtap="clearPlate">清除</view>
|
|
|
|
<!-- 省份选择弹窗 -->
|
|
<view class="popup-mask" wx:if="{{showProvince}}" bindtap="hidePicker">
|
|
<view class="popup-panel" catchtap="noop">
|
|
<view class="popup-title">选择省份简称</view>
|
|
<scroll-view scroll-y class="popup-scroll">
|
|
<view class="popup-grid">
|
|
<view
|
|
class="popup-item"
|
|
wx:for="{{provinces}}" wx:key="*this"
|
|
data-value="{{item}}" bindtap="selectProvince"
|
|
>{{item}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
<view class="popup-cancel" bindtap="hidePicker">取消</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 城市选择弹窗 -->
|
|
<view class="popup-mask" wx:if="{{showCity}}" bindtap="hidePicker">
|
|
<view class="popup-panel" catchtap="noop">
|
|
<view class="popup-title">选择城市代码</view>
|
|
<scroll-view scroll-y class="popup-scroll">
|
|
<view class="popup-grid">
|
|
<view
|
|
class="popup-item"
|
|
wx:for="{{cityLetters}}" wx:key="*this"
|
|
data-value="{{item}}" bindtap="selectCity"
|
|
>{{item}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
<view class="popup-cancel" bindtap="hidePicker">取消</view>
|
|
</view>
|
|
</view>
|
|
</view>
|