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.
71 lines
3.7 KiB
71 lines
3.7 KiB
<!--pages/message/index.wxml-->
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="backText">返回</view>
|
|
<view slot="content" style="color:black;font-size:18px">原纸商城</view>
|
|
</cu-custom>
|
|
|
|
<view class="cu-bar bg-white search fixed" style="top:{{CustomBar}}px;">
|
|
<view class="search-form" style="border-radius: 12rpx">
|
|
<text class="cuIcon-search" style="font-size: 12px"></text>
|
|
<input value="{{form.name}}" focus="{{focus}}" placeholder="请输入要搜索的商品" confirm-type="search" bindinput="bindSearch" bindfocus="bindFocus"></input>
|
|
<text class="cuIcon-roundclose" hidden="{{form.name.length === 0}}" style="font-size: 17px" catchtouchstart="clearInput"></text>
|
|
</view>
|
|
<view class="action">
|
|
<wux-button outline type="tag" size="small" bind:click="startSearch">搜索</wux-button>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="margin-top: 100rpx">
|
|
<view class="bg-white" wx:if="{{focus}}">
|
|
<view class="cu-form-group" style="min-height:80rpx" wx:if="{{rearchStringList.length}}">
|
|
<view class="action" style="color:black">搜索历史</view>
|
|
<text class="cuIcon-delete" style="font-size: 17px" bindtap="clearHistory"></text>
|
|
</view>
|
|
<view class="flex flex-wrap" style="padding: 0rpx 20rpx 30rpx 20rpx" wx:if="{{rearchStringList.length}}">
|
|
<view class="padding-xs" wx:for-item="item" wx:for="{{rearchStringList}}" wx:key="index">
|
|
<view class="cu-tag round" style="padding:18rpx 24rpx" data-index="{{index}}" bindtap="tagClick">{{item}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex flex-column flex-center" wx:elif="{{loading}}" style="height:{{height}}rpx">
|
|
<view class="load-spinner text-gray" />
|
|
<view class="text-empty" style="margin-top:48rpx">加载中...</view>
|
|
</view>
|
|
<view class="flex list-empty" wx:elif="{{!taskList.length}}" style="height:{{height}}rpx">
|
|
<image class="img-empty" src="/assets/image/list_empty.png"></image>
|
|
<view class="text-empty">暂无数据</view>
|
|
</view>
|
|
<scroll-view scroll-y style="height:{{height}}rpx;padding: 0rpx 24rpx" wx:else bindscrolltolower="fetchTaskList">
|
|
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{taskList}}" wx:key="pageIndex">
|
|
<view class="flex content" wx:for="{{pageItem}}" wx:key="index" data-page="{{pageIndex}}" data-index="{{index}}" bindtap="lookItem">
|
|
<wux-image width="{{120}}" height="{{120}}" wux-class="page-icon" src="{{item.litimgUrl}}" mode="{{aspectFill}}">
|
|
<view class="image-load" slot="loading">
|
|
<text class="icon--refresher"></text>
|
|
</view>
|
|
</wux-image>
|
|
<view style="flex:1;padding:16rpx">
|
|
<view class="flex flex-justify" >
|
|
<view class="page-name">{{item.name}}</view>
|
|
<view wx:if="{{item.sellMode==2}}" class="page-num">已拼{{item.soldNum}}{{item.unit}}</view>
|
|
<view wx:elif="{{item.sellMode==1}}" class="page-num">{{item.viewNum}} 浏览</view>
|
|
</view>
|
|
<view style="height:100rpx">
|
|
<view class="page-outline">{{item.outline}}</view>
|
|
<view class="page-outline" style="margin-top: 8rpx">{{item.summary}}</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="align-items:flex-end">
|
|
<view class="page-price">￥{{item.price}}</view>
|
|
<view class="page-stock" style="margin-bottom:6rpx">库存:{{item.stockNumber}}{{item.unit}}</view>
|
|
<button class="cu-btn bg-red round shadow-blur page-btn">立即抢购</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<view class="flex flex-center" style="height:80rpx;padding-bottom:18rpx" wx:if="{{form.pageNum>1}}">
|
|
<text class="icon--refresher" wx:if="{{!finished}}"></text>
|
|
<text class="text-sg" style="margin-left:8rpx">{{finished?'':'加载中...'}}</text>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
</view>
|