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.
154 lines
6.0 KiB
154 lines
6.0 KiB
<!--pages/message/index.wxml-->
|
|
<cu-custom bgColor="bg-white" isBack="{{false}}">
|
|
<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 wx:if="{{loading}}" class="page__bd page__bd_spacing">
|
|
<view class="sub-title"></view>
|
|
<wux-skeleton active>
|
|
<wux-row>
|
|
<wux-skeleton-avatar shape="rounded" size="full" />
|
|
</wux-row>
|
|
</wux-skeleton>
|
|
<view class="sub-title"></view>
|
|
<wux-skeleton active>
|
|
<wux-row>
|
|
<wux-skeleton-avatar shape="rounded" size="title" />
|
|
</wux-row>
|
|
</wux-skeleton>
|
|
<view class="sub-title"></view>
|
|
<wux-skeleton active>
|
|
<wux-row>
|
|
<wux-col span="4">
|
|
<wux-skeleton-avatar shape="rounded" size="page" />
|
|
</wux-col>
|
|
<wux-col span="1">
|
|
</wux-col>
|
|
<wux-col span="8">
|
|
<view style="margin-left:16rpx">
|
|
<wux-skeleton-paragraph rounded rows="4" />
|
|
</view>
|
|
</wux-col>
|
|
</wux-row>
|
|
</wux-skeleton>
|
|
<view class="sub-title"></view>
|
|
<wux-skeleton active>
|
|
<wux-row>
|
|
<wux-skeleton-avatar shape="rounded" size="title" />
|
|
</wux-row>
|
|
</wux-skeleton>
|
|
<view class="sub-title"></view>
|
|
<wux-skeleton active>
|
|
<wux-row>
|
|
<wux-col span="4">
|
|
<wux-skeleton-avatar shape="rounded" size="page" />
|
|
</wux-col>
|
|
<wux-col span="1">
|
|
</wux-col>
|
|
<wux-col span="8">
|
|
<view style="margin-left:16rpx">
|
|
<wux-skeleton-paragraph rounded rows="4" />
|
|
</view>
|
|
</wux-col>
|
|
</wux-row>
|
|
</wux-skeleton>
|
|
<view class="sub-title"></view>
|
|
<wux-skeleton active>
|
|
<wux-row>
|
|
<wux-col span="4">
|
|
<wux-skeleton-avatar shape="rounded" size="page" />
|
|
</wux-col>
|
|
<wux-col span="1">
|
|
</wux-col>
|
|
<wux-col span="8">
|
|
<view style="margin-left:16rpx">
|
|
<wux-skeleton-paragraph rounded rows="4" />
|
|
</view>
|
|
</wux-col>
|
|
</wux-row>
|
|
</wux-skeleton>
|
|
</view>
|
|
|
|
<view class="flex list-empty" wx:elif="{{!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" style="border-radius: 12rpx" 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}}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="{{item.litimgUrl}}" lazy-load="{{true}}" mode="aspectFill"></image>
|
|
<!-- <wux-image width="{{119}}" height="{{119}}" wux-class="page-icon" src="{{item.litimgUrl}}" mode="{{aspectFill}}">
|
|
<text class="icon--refresher" slot="loading"></text>
|
|
</wux-image> -->
|
|
<view style="flex:1;padding:16rpx 20rpx">
|
|
<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}}{{item.unit}}</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="{{item.litimgUrl}}" lazy-load="{{true}}" mode="aspectFill"></image>
|
|
<!-- <wux-image width="{{120}}" height="{{120}}" wux-class="page-icon" src="{{item.litimgUrl}}" mode="{{aspectFill}}">
|
|
<text class="icon--refresher" slot="loading"></text>
|
|
</wux-image> -->
|
|
<view style="flex:1;padding:16rpx 20rpx">
|
|
<view class="flex flex-justify">
|
|
<view class="page-name">{{item.name}}</view>
|
|
<view class="page-num">已拼{{item.soldNum}}{{item.unit}}</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}}{{item.unit}}</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> -->
|