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.
176 lines
6.6 KiB
176 lines
6.6 KiB
<!--pages/message/index.wxml-->
|
|
<cu-custom bgColor="bg-white" isBack="{{false}}">
|
|
<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" bindtap="searchList">
|
|
<text class="cuIcon-search"></text>
|
|
<input type="text" disabled="true" placeholder="请输入要搜索的商品" confirm-type="search"></input>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="nav bg-white fixed" style="top:{{CustomBar}}px;">
|
|
<view class="cu-bar bg-white search">
|
|
<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>
|
|
<view style="height:100rpx;padding: 0rpx 32rpx" wx:if="{{tabs.length}}">
|
|
<wux-tab scroll="{{scroll}}" tab-data="{{tabs}}" tab-cur="{{pageIndex}}" padding="{{16}}" size="{{80}}" bindchange="onTabChange"></wux-tab>
|
|
</view>
|
|
<view wx:else style="height:100rpx;padding: 10rpx 48rpx">
|
|
<wux-skeleton active>
|
|
<wux-skeleton-avatar shape="rounded" size="tab" />
|
|
</wux-skeleton>
|
|
</view>
|
|
</view>
|
|
<view style="height:200rpx;width:100%"></view>
|
|
|
|
<refresh-view bind:refresh="onRefreshList" height="{{height}}" triggered="{{ requesting }}" bind:scrolltolower="fetchTaskList">
|
|
|
|
<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 style="padding: 0rpx 24rpx">
|
|
<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">
|
|
<wux-image width="{{119}}" height="{{119}}" wux-class="page-icon" lazyLoad="true" 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 20rpx">
|
|
<view class="flex flex-justify">
|
|
<view class="page-name">{{item.name}}</view>
|
|
<view 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>
|
|
<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">
|
|
<wux-image width="{{120}}" height="{{120}}" lazyLoad="{{true}}" 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 20rpx">
|
|
<view class="flex flex-justify">
|
|
<view class="page-name">{{item.name}}</view>
|
|
<view class="page-num">已拼{{item.soldNum}}{{item.unit}}</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-->
|
|
<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>
|
|
</view>
|
|
</refresh-view>
|