<wux-popup position="bottom" visible="{{ visible }}" safeArea="bottom" bind:close="onPopupClose">
|
<view class="wux-class {{ classes.wrap }}">
|
<view class="{{ classes.hd }}">
|
<view class="{{ classes.title }}" wx:if="{{ title }}">{{ title }}</view>
|
<view class="{{ classes.menus }}" wx:if="{{ activeOptions.length }}">
|
<block wx:for="{{ activeOptions }}" wx:key="">
|
<view class="{{ classes.menu }} {{ activeIndex === index ? prefixCls + '__menu--active' : '' }}" data-menu-index="{{ index }}" bindtap="onMenuClick">{{ item[fieldNames['label']] }}</view>
|
</block>
|
</view>
|
</view>
|
<view class="{{ classes.bd }}" style="{{ bodyStyle }}">
|
<block wx:for="{{ showOptions }}" wx:for-item="option" wx:for-index="optionIndex" wx:key="">
|
<view class="{{ classes.inner }}">
|
<scroll-view scroll-y class="wux-scroll-view-class {{ classes.scrollView }}">
|
<view class="{{ classes.option }}">
|
<block wx:for="{{ option }}" wx:key="">
|
<view
|
class="{{ classes.item }} {{ activeValue[optionIndex] === item[fieldNames['value']] ? prefixCls + '__item--active' : '' }} {{ item.disabled ? prefixCls + '__item--disabled' : '' }}"
|
data-option-index="{{ optionIndex }}"
|
data-item="{{ item }}"
|
bindtap="onItemSelect"
|
>
|
<text>{{ item[fieldNames['label']] }}</text>
|
<icon class="{{ classes.icon }}" type="success_no_circle" size="16" color="#ef473a" wx:if="{{ activeValue[optionIndex] === item[fieldNames['value']] }}" />
|
</view>
|
</block>
|
</view>
|
</scroll-view>
|
</view>
|
</block>
|
</view>
|
</view>
|
</wux-popup>
|
