纸通宝小程序
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.
 

96 lines
5.1 KiB

<!--pages/message/index.wxml-->
<wxs module="formate" src="../../../pages/formate.wxs"></wxs>
<view class="cu-custom top-bg" style="height:{{customHeight}}rpx;z-index: 1;">
<view class="cu-bar fixed " style="height:{{customHeight}}rpx;padding-top:{{StatusBar}}rpx;border-bottom:none">
<view class="flex flex-center" style="margin-left: 32rpx;width: 100%;">
<view class="flex flex-center" catchtap="chooseCity">
<text class="text-white text-lg">{{cityName}}</text>
<text class="cuIcon-unfold text-white" style="font-size:16px;padding-top: 8rpx;margin-left: 8rpx;"></text>
</view>
<view class="bg-white flex flex-center" style="margin-left:24rpx;flex: 1;border-radius: 16rpx;height: 60rpx;" catchtap="searchList">
<text class="cuIcon-search text-gray" style="font-size:12px;margin-left: 24rpx;padding-top: 4rpx;"></text>
<text class="text-gray text-sm" style="flex: 1;margin-left: 8rpx">输入纸名/品名/纸厂/规格</text>
</view>
</view>
</view>
</view>
<view class="top-bg" style="height: 24rpx;"></view>
<scroll-view scroll-y class="mian-list" style="height: {{height}}rpx;" bind:scrolltolower="fetchAgentList">
<view wx:if="{{bannerList.length}}" style="height:270rpx;min-height: 270rpx;margin-top: 16rpx;">
<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="{{702}}" height="{{270}}" wux-class="banner" nuit="{{'rpx'}}" src="{{item.picUrl}}" mode="aspectFill" data-index="{{index}}" bind:click="tapBanner">
<view class="flex flex-center" slot="loading" style="height:270rpx;width:702rpx">
<text class="icon--refresher"></text>
</view>
</wux-image>
</swiper-item>
</swiper>
</view>
<view class="flex" style="margin-top:16rpx">
<wux-image id="agent" width="{{294}}" height="{{180}}" wux-class="banner" nuit="{{'rpx'}}" src="{{bannerList[0].picUrl}}" mode="aspectFill" bind:click="gridTap">
</wux-image>
<wux-image id="trans" width="{{180}}" height="{{180}}" wux-class="banner-left" nuit="{{'rpx'}}" src="{{bannerList[0].picUrl}}" mode="aspectFill" bind:click="gridTap">
</wux-image>
<wux-image id="action" width="{{180}}" height="{{180}}" wux-class="banner-left" nuit="{{'rpx'}}" src="{{bannerList[0].picUrl}}" mode="aspectFill" bind:click="gridTap">
</wux-image>
</view>
<view class="bg-white" style="margin-top:16rpx;border-radius: 24rpx;">
<view class="flex flex-justify" style="padding: 20rpx 24rpx;" bindtap="postList">
<view class="text-lg text-bold text-black">最新资讯</view>
<view class="flex flex-center">
<text class="text-gray">更多</text>
<text class="cuIcon-right text-gray" style="font-size:14px;margin-left: 4rpx;padding-top: 4rpx;"></text>
</view>
</view>
<view class="flex flex-justify" style="padding: 0rpx 24rpx 24rpx 24rpx;" bindtap="postList">
<view class="text-df text-black">【预测】8月26日湖南衡山新金龙纸业废纸</view>
<view class="text-gray">09-07</view>
</view>
<view class="flex flex-justify" style="padding: 0rpx 24rpx 24rpx 24rpx;" bindtap="postList">
<view class="text-df text-black">【预测】8月26日湖南衡山新金龙纸业废纸</view>
<view class="text-gray">09-07</view>
</view>
<view class="flex flex-justify" style="padding: 0rpx 24rpx 24rpx 24rpx;" bindtap="postList">
<view class="text-df text-black">【预测】8月26日湖南衡山新金龙纸业废纸</view>
<view class="text-gray">09-07</view>
</view>
</view>
<view class="bg-white" style="margin-top:16rpx;border-radius: 24rpx;">
<view class="flex flex-justify" style="padding: 20rpx 24rpx;" bindtap="postList">
<view class="text-lg text-bold text-black">价格比一比</view>
<view class="flex flex-center">
<text class="text-gray">更多</text>
<text class="cuIcon-right text-gray" style="font-size:14px;margin-left: 4rpx;padding-top: 4rpx;"></text>
</view>
</view>
<view class="bg-white" style="height:90rpx;border-bottom:2rpx solid #f3f3f3;border-top:2rpx solid #f3f3f3">
<wux-tabi tab-data="{{tabList}}" tab-index="{{tabIndex}}" padding="{{12}}" bind:change="onTabChange"></wux-tabi>
</view>
</view>
<wux-skeleton active wx:if="{{!orderList.length}}">
<view class="flex item-content" wx:for="{{4}}" wx:key="index">
<wux-skeleton-paragraph rounded rows="42" wux-class="case3-class" />
</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>
<information-item item="{{item}}"></information-item>
</view>
</view>
<!--加载更多的UI-->
<view wx:if="{{form.pageNum > 1}}" style="padding:20rpx">
<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>
</scroll-view>