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.

83 lines
4.2 KiB

<!--pages/message/index.wxml-->
<!-- <wxs module="order" src="../index.wxs"></wxs> -->
<cu-custom bgColor="bg-white" isBack="{{false}}">
<!-- <view slot="right">原子商城原子商城原子商城原子商城</view> -->
<view slot="content" style="color:black;font-size:18px">原纸商城</view>
</cu-custom>
<!-- <refresh-view refreshing="false" refreshed="{{!requesting}}" bind:refresh="onRefresh"> -->
<view class="flex flex-column flex-center" wx:if="{{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:if="{{!taskList.length && !cheapList.length}}" style="height:{{height}}rpx">
<image class="img-empty" src="/assets/image/list_empty.png"></image>
<view class="text-empty">暂无数据</view>
</view>
<view wx:else>
<view class="cu-bar bg-white search fixed" style="top:{{CustomBar}}px;">
<view class="search-form round" bindtap="searchList">
<text class="cuIcon-search"></text>
<input type="text" disabled="true" placeholder="输入搜索的关键词" confirm-type="search"></input>
</view>
</view>
<scroll-view scroll-y style="height:{{height - 100}}rpx;margin-top: 100rpx;padding: 0rpx 24rpx" bindscrolltolower="fetchTaskList">
<image src="https://image.weilanwl.com/img/4x3-1.jpg" class="swiper-image" mode="aspectFill" lazy-load="{{true}}" style="margin-top:24rpx"></image>
<view wx:if="{{cheapList.length}}">
<view class="flex nav-li">
<view class="shadow">特价</view>
<view style="font-size:18px;color:white">专区</view>
<view class="v-driver"></view>
<view class="nav-title">限时限量 售完即止</view>
</view>
<view class="flex content" wx:for="{{cheapList}}" wx:key="index" data-index="{{index}}" bindtap="lookCheapItem">
<image class="page-icon" src="{{'https://goss.veer.com/creative/vcg/veer/800water/veer-305105618.jpg'}}" lazy-load="{{true}}" mode="aspectFill"></image>
<view style="flex:1;padding:16rpx">
<view class="flex flex-justify">
<view class="page-name">{{item.name}}</view>
<view class="page-num">{{item.viewNum}}浏览</view>
</view>
<view class="page-num" style="height:100rpx">{{item.summary}}</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}}件</view>
<button class="cu-btn bg-red round shadow-blur page-btn">立即抢购</button>
</view>
</view>
</view>
</view>
<view wx:if="{{taskList.length}}">
<view class="flex nav-li">
<view class="shadow">团购</view>
<view style="font-size:18px;color:white">专区</view>
<view class="v-driver"></view>
<view class="nav-title">大厂品牌 质量保证</view>
</view>
</view>
<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="lookGroupItem">
<image class="page-icon" src="{{'https://goss.veer.com/creative/vcg/veer/800water/veer-305105618.jpg'}}" lazy-load="{{true}}" mode="aspectFill"></image>
<view style="flex:1;padding:16rpx">
<view class="flex flex-justify">
<view class="page-name">{{item.name}}</view>
<view class="page-num">已拼{{item.soldNum}}件</view>
</view>
<view class="page-num" style="height:100rpx">{{item.summary}}</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}}件</view>
<button class="cu-btn bg-red round shadow-blur page-btn">立即抢购</button>
</view>
</view>
</view>
</view>
<!--加载更多的UI-->
<wux-divider dashed wx:if="{{form.pageNum>1}}">
<view class="loadmore">
<text class="icon--refresher" wx:if="{{!finished}}"></text>
<text class="text-sg" style="margin-left:8rpx">{{finished?'到底了':'加载中...'}}</text>
</view>
</wux-divider>
</scroll-view>
</view>
<!-- </refresh-view> -->