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.
136 lines
6.3 KiB
136 lines
6.3 KiB
<!--pages/message/index.wxml-->
|
|
<wxs module="formate" src="../../../pages/formate.wxs"></wxs>
|
|
<cu-custom bgColor="bg-white" isBack="{{false}}">
|
|
<view slot="content" style="color:black;font-size:36rpx">交易</view>
|
|
</cu-custom>
|
|
|
|
<scroll-view scroll-y style="height: {{height}}rpx;" bindscroll="onScroll" scroll-into-view="{{toView}}" bind:scrolltolower="fetchMoreList" wx:if="{{firstShow}}">
|
|
<view style="height:270rpx;min-height: 270rpx">
|
|
<swiper class="screen-swiper" circular="{{true}}" indicator-dots="{{false}}" autoplay="true" interval="5000" duration="500">
|
|
<swiper-item wx:for="{{bannerList}}" wx:key="index" >
|
|
<wux-image width="{{750}}" height="{{270}}" nuit="{{'rpx'}}" src="{{item.picUrl}}" mode="aspectFill" data-index="{{index}}" bind:click="tapBanner">
|
|
<view class="flex flex-center" slot="loading" style="height:270rpx;width:750rpx">
|
|
<text class="icon--refresher"></text>
|
|
</view>
|
|
</wux-image>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
<view class="bg-white flex flex-center" style="height:60rpx;padding-right:16rpx;margin-top:16rpx">
|
|
<image style="width:200rpx;height:60rpx;" src="/assets/image/ico_notice.png"></image>
|
|
<!-- <text class="cuIcon-notification text-yellow" style="font-size:36rpx;margin:0rpx 16rpx;"></text> -->
|
|
<swiper vertical="{{true}}" autoplay="{{true}}" circular="{{true}}" interval="5000" class="tui-swiper">
|
|
<swiper-item wx:for="{{noticeList}}" wx:key="index" class="flex flex-center" catchtouchmove="stopTouchMove" style="justify-content: flex-start">
|
|
<view class="tui-news-item">{{item}}</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
<view class="cu-list grid col-3 no-border">
|
|
<view class="cu-item" wx:for="{{iconList}}" wx:key="index" data-index="{{index}}" bindtap="onGridTap">
|
|
<view class="flex flex-center">
|
|
<image style="width:72rpx;height:72rpx" src="{{item.icon}}"></image>
|
|
</view>
|
|
<text style="color:black;font-size:26rpx">{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
<view style="height:16rpx"></view>
|
|
<wux-sticky scrollTop="{{scrollTop}}" sticky-top="{{stickyTop}}" sticky-height="90rpx" id="sticky" bind:fixed="onFixedChange">
|
|
<view slot="header" class="bg-white" style="height:90rpx;border-bottom:2rpx solid #eee">
|
|
<wux-tabi tab-data="{{tabList}}" tab-index="{{tabIndex}}" bind:change="onTabChange"></wux-tabi>
|
|
</view>
|
|
<view slot="content" style="min-height:{{height - 90}}rpx">
|
|
<view style="display:{{tabIndex == 0 ? 'inline' : 'none'}}">
|
|
<wux-skeleton active wx:if="{{!orderList.length}}">
|
|
<view class="flex item-content" wx:for="{{4}}" wx:key="index">
|
|
<wux-skeleton-avatar shape="square" size="page" />
|
|
<view class="flex-sub" style="margin-left: 24rpx">
|
|
<wux-skeleton-paragraph rounded rows="4" wux-class="case3-class" />
|
|
</view>
|
|
</view>
|
|
</wux-skeleton>
|
|
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{orderList}}" wx:key="pageIndex">
|
|
<view wx:for="{{pageItem}}" wx:key="index">
|
|
<view class="bg-white" style="padding: 0rpx 32rpx" wx:if="{{pageIndex != 0 || index != 0 }}">
|
|
<wux-divider show-text="{{ false }}"></wux-divider>
|
|
</view>
|
|
<product-item item="{{item}}"></product-item>
|
|
</view>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<view wx:if="{{form[0].pageNum > 1}}" style="padding:20rpx">
|
|
<wux-divider>
|
|
<view class="loadmore">
|
|
<text class="icon--refresher" wx:if="{{!finished[0]}}"></text>
|
|
<text class="text-sm" style="margin-left:8rpx">{{finished[0]?'到底啦～':'加载中...'}}</text>
|
|
</view>
|
|
</wux-divider>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="display:{{tabIndex == 1 ? 'inline' : 'none'}}">
|
|
<wux-skeleton active wx:if="{{!orderList1.length}}">
|
|
<view class="flex item-content" wx:for="{{4}}" wx:key="index">
|
|
<wux-skeleton-avatar shape="square" size="page" />
|
|
<view class="flex-sub" style="margin-left: 24rpx">
|
|
<wux-skeleton-paragraph rounded rows="4" wux-class="case3-class" />
|
|
</view>
|
|
</view>
|
|
</wux-skeleton>
|
|
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{orderList1}}" wx:key="pageIndex">
|
|
<view wx:for="{{pageItem}}" wx:key="index">
|
|
<view class="bg-white" style="padding: 0rpx 32rpx" wx:if="{{pageIndex != 0 || index != 0 }}">
|
|
<wux-divider show-text="{{ false }}"></wux-divider>
|
|
</view>
|
|
<purchase-item item="{{item}}"></purchase-item>
|
|
</view>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<view wx:if="{{form[1].pageNum > 1}}" style="padding:20rpx">
|
|
<wux-divider>
|
|
<view class="loadmore">
|
|
<text class="icon--refresher" wx:if="{{!finished[1]}}"></text>
|
|
<text class="text-sm" style="margin-left:8rpx">{{ finished[1] ? '到底啦～' : '加载中...' }}</text>
|
|
</view>
|
|
</wux-divider>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="display:{{tabIndex == 2 ? 'inline' : 'none'}}">
|
|
<wux-skeleton active wx:if="{{!orderList2.length}}">
|
|
<view class="cu-card dynamic no-card" wx:for="{{4}}" wx:key="index">
|
|
<view class="cu-item shadow" style="padding-left:30rpx">
|
|
<view class="cu-list menu-avatar">
|
|
<view class="cu-item" style="justify-content: flex-start;">
|
|
<wux-skeleton-avatar shape="circle" size="large" />
|
|
<view class="content flex-sub">
|
|
<wux-skeleton-paragraph rounded rows="1" wux-class="case2-class" />
|
|
<view class="bg-white" style="height:8rpx"></view>
|
|
<wux-skeleton-paragraph rounded rows="1" wux-class="case-class" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="padding-right:32rpx">
|
|
<wux-skeleton-paragraph rounded rows="3" wux-class="case3-class" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</wux-skeleton>
|
|
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{orderList2}}" wx:key="pageIndex">
|
|
<view wx:for="{{pageItem}}" wx:key="index">
|
|
<view style="height:16rpx;background-color:#f3f3f3" wx:if="{{pageIndex != 0 || index != 0 }}"></view>
|
|
<agent-item item="{{item}}"></agent-item>
|
|
</view>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<view wx:if="{{form[2].pageNum > 1}}" style="padding:20rpx">
|
|
<wux-divider>
|
|
<view class="loadmore">
|
|
<text class="icon--refresher" wx:if="{{!finished[2]}}"></text>
|
|
<text class="text-sm" style="margin-left:8rpx">{{ finished[2] ? '到底啦～' : '加载中...' }}</text>
|
|
</view>
|
|
</wux-divider>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</wux-sticky>
|
|
</scroll-view>
|