46 lines
2.2 KiB
Plaintext
46 lines
2.2 KiB
Plaintext
|
<!--pages/mine/shop/choose.wxml-->
|
||
|
<cu-custom isBack="{{true}}">
|
||
|
<view slot="content">商品选择</view>
|
||
|
</cu-custom>
|
||
|
<view class="category" style="margin-top:21rpx;">
|
||
|
<!-- 左边分类 -->
|
||
|
<scroll-view class="nav_left" scroll-y="true">
|
||
|
<block wx:for="{{productList}}" wx:key="index">
|
||
|
<view class="nav_left_bg {{curIndex==index ? 'nav_left_item-active nav_left_border' : ''}}"
|
||
|
data-curindex="{{index}}">
|
||
|
<view class="nav_left_items {{curIndex==index ? 'nav_left_item-active' : ''}} text-cut flex-twice"
|
||
|
data-curindex="{{index}}" bindtap="switchRightTap">{{item.categoryName}}
|
||
|
</view>
|
||
|
</view>
|
||
|
</block>
|
||
|
</scroll-view>
|
||
|
<!-- 右边商品 -->
|
||
|
<scroll-view class="nav_right" scroll-y="true" bindscrolltolower="doLoadMore" style="height:{{contentHeight}}px">
|
||
|
<view class="cu-list menu-avatar" wx:for="{{productList[curIndex].goodsList}}" wx:key="index">
|
||
|
<view class="cu-item" data-item="{{item}}" bindtap="selGoods">
|
||
|
<view class="cu-avatar radius xl" style="background-image:url({{baseImageUrl+item.goodsIcon}});">
|
||
|
</view>
|
||
|
<view class="content" style="width:85%;">
|
||
|
<view class="text-depblack" style="width:80%;">
|
||
|
<text class="text-cut">{{item.goodsName}}</text>
|
||
|
</view>
|
||
|
<view style="padding: 10rpx;">
|
||
|
</view>
|
||
|
<view class="bottom-action margin-top-ls">
|
||
|
<view class="text-lg text-red">¥:{{item.goodsUnitPrice}}</view>
|
||
|
<view class="text-grey text-sm">
|
||
|
库存:{{item.goodsTotal > 1000 ? '999+' : item.goodsTotal}}</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="action">
|
||
|
<text class="{{item.isSel ? 'cuIcon-squarecheck':'cuIcon-square'}} text-blue"
|
||
|
style="font-size: 40rpx;"></text>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
</scroll-view>
|
||
|
</view>
|
||
|
|
||
|
<view class="foot bg-white padding-sm">
|
||
|
<button class="cu-btn bg-blue" style="width:100%" bindtap="confirm">确定</button>
|
||
|
</view>
|