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.
119 lines
3.9 KiB
119 lines
3.9 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 wx:else style="padding: 0rpx 24rpx">
|
|
<image src="https://p.pstatp.com/origin/ff4c00012a45f918338e" class="swiper-image" mode="aspectFill" style="margin-top:24rpx"></image>
|
|
<view wx:for-item="item" wx:for="{{cheapList}}" wx:key="index">
|
|
<view class="flex nav-li" wx:if="{{item.list.length}}">
|
|
<view class="shadow">{{item.name}}</view>
|
|
<!-- <view style="font-size:36rpx;color:white">专区</view> -->
|
|
<view class="v-driver"></view>
|
|
<view class="nav-title">{{item.summary}}</view>
|
|
</view>
|
|
<page-list dataList="{{item.list}}"></page-list>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<wux-divider>
|
|
<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>
|