88 lines
3.5 KiB
Plaintext
88 lines
3.5 KiB
Plaintext
<!--pages/mine/shop/choose.wxml-->
|
|
<cu-custom isBack="{{true}}">
|
|
<view slot="content">商品类目</view>
|
|
</cu-custom>
|
|
<scroll-view style="margin-bottom:64rpx;margin-top:10rpx" refresher-enabled="true" refresher-threshold="{{50}}"
|
|
refresher-background="#fff" bindrefresherrefresh="dorefreshList" refresher-triggered="{{isRefreshing}}">
|
|
<view class="cu-bar bg-white solid-bottom">
|
|
<view class='action'>
|
|
<text class='cuIcon-titles text-orange'></text>
|
|
<view class="text-black">
|
|
当前选中类别:{{selCatalogName}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 第一级 -->
|
|
<view class="hint-title">
|
|
<image src="../../../../images/title-bg.png" mode="scaleToFill"></image>
|
|
<text>商品类目(一级)</text>
|
|
</view>
|
|
<view class="cu-card" wx:if="{{catalogOneList.length>0}}">
|
|
<view class="cu-item">
|
|
<view class="padding-sm flex flex-wrap">
|
|
<view class="padding-xs" wx:for="{{catalogOneList}}" wx:key="index">
|
|
<view class="cu-capsule radius" data-item="{{item}}" data-index="{{index}}" data-type="1"
|
|
bindtap="selectItem">
|
|
<view class="cu-tag {{item.isSel ? 'bg-red':'bg-grey'}}">
|
|
<text class="{{item.isSel ? 'cuIcon-apps':'cuIcon-apps'}}"></text>
|
|
</view>
|
|
<view class="cu-tag {{item.isSel? 'line-red':'line-gray'}}">
|
|
{{item.name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<van-empty description="暂无数据" wx:else />
|
|
<!-- 第二级 -->
|
|
<view class="hint-title">
|
|
<image src="../../../../images/title-bg.png" mode="scaleToFill"></image>
|
|
<text>商品类目(二级)</text>
|
|
</view>
|
|
<view class="cu-card" wx:if="{{catalogTwoList.length>0}}">
|
|
<view class="cu-item">
|
|
<view class="padding-sm flex flex-wrap">
|
|
<view class="padding-xs" wx:for="{{catalogTwoList}}" wx:key="index">
|
|
<view class="cu-capsule radius" data-item="{{item}}" data-index="{{index}}" data-type="2"
|
|
bindtap="selectItem">
|
|
<view class="cu-tag {{item.isSel ? 'bg-red':'bg-grey'}}">
|
|
<text class="{{item.isSel ? 'cuIcon-apps':'cuIcon-apps'}}"></text>
|
|
</view>
|
|
<view class="cu-tag {{item.isSel? 'line-red':'line-gray'}}">
|
|
{{item.name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<van-empty description="暂无数据" wx:else />
|
|
<!-- 第三级 -->
|
|
<view class="hint-title">
|
|
<image src="../../../../images/title-bg.png" mode="scaleToFill"></image>
|
|
<text>商品类目(三级)</text>
|
|
</view>
|
|
<view class="cu-card" wx:if="{{catalogThirdList.length>0}}">
|
|
<view class="cu-item">
|
|
<view class="padding-sm flex flex-wrap">
|
|
<view class="padding-xs" wx:for="{{catalogThirdList}}" wx:key="index">
|
|
<view class="cu-capsule radius" data-item="{{item}}" data-index="{{index}}" data-type="3"
|
|
bindtap="selectItem">
|
|
<view class="cu-tag {{item.isSel ? 'bg-red':'bg-grey'}}">
|
|
<text class="{{item.isSel ? 'cuIcon-apps':'cuIcon-apps'}}"></text>
|
|
</view>
|
|
<view class="cu-tag {{item.isSel? 'line-red':'line-gray'}}">
|
|
{{item.name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<van-empty description="暂无数据" wx:else />
|
|
</scroll-view>
|
|
|
|
<view class="padding-xs foot bg-white">
|
|
<button class="cu-btn bg-blue" style="width:100%" bindtap="doChoose">确定</button>
|
|
</view> |