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.
29 lines
1.8 KiB
29 lines
1.8 KiB
<wux-popup position="bottom" visible="{{ visible }}" safeArea="bottom" bind:close="onPopupClose" bind:show="onPopupShow">
|
|
<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="index">
|
|
<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="optionIndex">
|
|
<view class="{{ classes.inner }}">
|
|
<scroll-view scroll-y class="wux-scroll-view-class {{ classes.scrollView }}" scroll-into-view="{{intoValue[optionIndex]}}">
|
|
<!-- <view class="{{ classes.option }}"> -->
|
|
<block wx:for="{{ option }}" wx:key="index">
|
|
<view id="{{'ViewId_' + item[fieldNames['value']]}}" 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>
|