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.
94 lines
5.5 KiB
94 lines
5.5 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">
|
|
<image src="/assets/image/icon-search.png" style="height: 30rpx;width: 30rpx;margin-left: 16rpx"></image>
|
|
<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;">
|
|
<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="https://636c-cloud1-1gjilu3e74c1a18a-1305669442.tcb.qcloud.la/icon-agent-home.png?sign=13c5b73d0a6f70fc5d24eca83cd2058f&t=1631672631" mode="aspectFill" bind:click="gridTap">
|
|
</wux-image>
|
|
<wux-image id="trans" width="{{180}}" height="{{180}}" wux-class="banner-left" nuit="{{'rpx'}}" src="https://636c-cloud1-1gjilu3e74c1a18a-1305669442.tcb.qcloud.la/icon-home-trans.png?sign=211460d49ef2a32c508e89d1dbcad541&t=1631672735" mode="aspectFill" bind:click="gridTap">
|
|
</wux-image>
|
|
<wux-image id="action" width="{{180}}" height="{{180}}" wux-class="banner-left" nuit="{{'rpx'}}" src="https://636c-cloud1-1gjilu3e74c1a18a-1305669442.tcb.qcloud.la/icon-home-active.png?sign=ba47bd3bf9387c3e298d06774a184a81&t=1631672761" 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>
|
|
<wux-skeleton active wx:if="{{!momentList.length}}">
|
|
<view class="flex item-content">
|
|
<wux-skeleton-paragraph rounded rows="8" wux-class="case3-class" />
|
|
</view>
|
|
</wux-skeleton>
|
|
<view wx:for="{{momentList}}" wx:key="index" data-index="{{index}}" class="flex flex-justify moment-pad" bindtap="postInfo">
|
|
<view class="text-df text-black text-cut">{{item.title}}</view>
|
|
<view class="text-gray text-cut">{{item.updateTime}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="bg-white" style="margin-top:16rpx;border-radius: 24rpx;">
|
|
<view class="flex flex-justify" style="padding: 0rpx 24rpx;height: 88rpx;">
|
|
<view class="text-lg text-bold text-black">价格比一比</view>
|
|
<view style="box-sizing: border-box;position: relative">
|
|
<view class="flex flex-center" bindtap="topBubble">
|
|
<text class="text-gray">排序</text>
|
|
<text class="cuIcon-triangledownfill" style="font-size:48rpx;padding-top: 4rpx;color: #ccc;"></text>
|
|
</view>
|
|
<bubble-popup show="{{show}}" mask="{{true}}" position="absolute" direction="top"
|
|
width="240rpx" right="-18rpx" top="430rpx" translateY="-100%" triangleRight="30rpx" triangleTop="-22rpx" bind:close="topBubble">
|
|
<view wx:for="{{sortList}}" wx:key="index" class="tui-menu-item" data-index="{{index}}" catchtap="topBubble" style="color:{{index == sortIndex ? '#008AFF': '#555555' }}" id="taps">{{item.text}}</view>
|
|
</bubble-popup>
|
|
</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}}" line-height="{{3}}" 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>
|
|
<view class="flex flex-center" style="padding: 24rpx;">
|
|
<wux-button id="moment" outline type="stable" size="small" bind:click="gridTap">查看更多行情</wux-button>
|
|
</view>
|
|
|
|
</scroll-view>
|