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.
135 lines
4.5 KiB
135 lines
4.5 KiB
<!--pages/message/index.wxml-->
|
|
|
|
<cu-custom bgColor="bg-white" isBack="{{false}}">
|
|
<view slot="content" style="color:black;font-size:36rpx">原纸商城</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" style="font-size:26rpx"></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}}" scrollTop="{{top}}" 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="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="/assets/image/icon_adv.jpg" class="swiper-image" mode="aspectFill" style="margin-top:24rpx"></image>
|
|
<view wx:if="{{cheapList.length}}">
|
|
<view class="flex nav-li">
|
|
<view class="shadow">特价</view>
|
|
<view style="font-size:36rpx;color:white">专区</view>
|
|
<view class="v-driver"></view>
|
|
<view class="nav-title">限时限量 售完即止</view>
|
|
</view>
|
|
<page-list dataList="{{cheapList}}"></page-list>
|
|
</view>
|
|
<view wx:if="{{taskList.length}}">
|
|
<view class="flex nav-li">
|
|
<view class="shadow">团购</view>
|
|
<view style="font-size:36rpx;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">
|
|
<page-list dataList="{{pageItem}}"></page-list>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<wux-divider wx:if="{{form.pageNum>1}}">
|
|
<view class="loadmore">
|
|
<text class="icon--refresher" wx:if="{{!finished}}"></text>
|
|
<text class="text-sm" style="margin-left:8rpx">{{finished?'到底啦～':'加载中...'}}</text>
|
|
</view>
|
|
</wux-divider>
|
|
</view>
|
|
</refresh-view>
|