You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.6 KiB
31 lines
1.6 KiB
<view class="box" wx:if="{{isShow}}">
|
|
<view class="bottom-box" animation="{{initAnimation}}">
|
|
<view class="menu-box">
|
|
<view class="menu-left" bindtap="cancel">取消</view>
|
|
<view class="menu-title">请选择</view>
|
|
<view class="menu-right" bindtap="confirm">确定</view>
|
|
</view>
|
|
<block wx:if="{{checkList.length > 0}}">
|
|
<view class="input-box" bindtap="onFocus">
|
|
<view class="select-item" wx:for="{{checkedItemLabels}}" wx:key="index">{{item}}</view>
|
|
<view class="input-item">
|
|
<input class="input-content" type="text" bindinput="onInput" value="{{searchKey}}" focus="{{searchFocus}}" bindblur="onblur"/>
|
|
</view>
|
|
</view>
|
|
<!-- 正常状态显示 -->
|
|
<view class="check-box" wx:if="{{searchKey == ''}}">
|
|
<view class="check-item {{item.checked ? 'check-item-active' : ''}}" wx:for="{{checkList}}" wx:key="index" bindtap="changeCheckedItem" data-item="{{item}}">
|
|
<view class="check-title">{{item.label}}</view>
|
|
<view class="check-icon" wx:if="{{item.checked}}">√</view>
|
|
</view>
|
|
</view>
|
|
<!-- 搜索时显示 -->
|
|
<view class="check-box" wx:else>
|
|
<view class="check-item {{item.checked ? 'check-item-active' : ''}}" wx:for="{{searchList}}" wx:key="index" bindtap="changeCheckedItem" data-item="{{item}}">
|
|
<view class="check-title">{{item.label}}</view>
|
|
<view class="check-icon" wx:if="{{item.checked}}">√</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
|