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.
30 lines
2.0 KiB
30 lines
2.0 KiB
<van-popup position="bottom" show="{{ visible }}" bind:close="onHide" z-index="29">
|
|
<view class="van-picker__toolbar van-hairline--top-bottom toolbar-class">
|
|
<view class="van-picker__cancel" hover-stay-time="70"></view>
|
|
<view class="van-picker__title van-ellipsis">选择品类</view>
|
|
<view class="van-picker__confirm flex flex-cener" hover-class="van-picker__confirm--hover" hover-stay-time="70" bindtap="onHide">
|
|
<van-icon name="cross" size="24" color="#999999" />
|
|
</view>
|
|
</view>
|
|
<scroll-view scroll-y="true" style="height:580rpx;padding: 12rpx 0rpx" wx:if="{{singleList.length}}">
|
|
<van-grid column-num="3" border="{{fasle}}">
|
|
<van-grid-item use-slot wx:for="{{ singleList }}" wx:key="index" content-style="padding:12rpx">
|
|
<van-button plain type="{{index == cIndex ? 'info' : 'default'}}" custom-style="height:88rpx;width:208rpx;padding: 0rpx" data-index="{{index}}" bind:click="onConfirm">{{item.categoryName}}</van-button>
|
|
</van-grid-item>
|
|
</van-grid>
|
|
</scroll-view>
|
|
<view class="flex" style="height:580rpx;" wx:else>
|
|
<scroll-view scroll-y style="height:100%;width: 200rpx;background-color: #F7F8FA;border-right: 1rpx solid #f3f3f3">
|
|
<van-sidebar active-key="{{ activeIndex }}" bind:change="onClickNav" custom-class="van-tree-select__nav__inner">
|
|
<van-sidebar-item wx:for="{{ paperList }}" wx:key="index" title="{{ item.name }}" />
|
|
</van-sidebar>
|
|
</scroll-view>
|
|
<scroll-view scroll-y="true" style="height:100%;flex: 1;padding: 12rpx 0rpx">
|
|
<van-grid column-num="2" border="{{fasle}}">
|
|
<van-grid-item use-slot wx:for="{{ paperList[activeIndex].smallProductCategoryInfoList }}" wx:key="index" content-style="padding:12rpx">
|
|
<van-button plain type="{{index == cIndex ? 'info' : 'default'}}" custom-style="height:88rpx;width:228rpx;padding: 0rpx" data-index="{{index}}" bind:click="onConfirm">{{item.categoryName}}</van-button>
|
|
</van-grid-item>
|
|
</van-grid>
|
|
</scroll-view>
|
|
</view>
|
|
</van-popup>
|