nazw/nnzwminiapp/pages/deliciousList/deliciousList.wxml

<!--pages/deliciousList.wxml-->
<view class="head-bg">
	<image style="width:100%;height: 375rpx" src="{{imgUrl}}list_bg.png"></image>
</view>
<scroll-view style="background-color: #F5F5F5;" scroll-x class="tab" scroll-with-animation="true" scroll-into-view="item{{currentTab < 2 ? 0 : currentTab - 1 }}">
	<view id="item{{index}}" wx:for="{{canteenList}}" wx:key="index" class="tab-item {{currentTab === index?'active' : ''}}" bindtap="tabNav" data-index="{{index}}">
		{{item.canteenName}}美味榜
	</view>
</scroll-view>
<!-- 内容 -->
<view class="swiper-content">
	<view wx:if="{{isLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
		<t-loading style="padding-bottom: 200rpx;" theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
	</view>
	<view wx:elif="{{canteenList.length < 1}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
		<t-empty style="padding-bottom: 100rpx;" icon="info-circle-filled" description="暂无数据" />
	</view>
	<swiper wx:else current="{{currentTab}}" bindchange="handleSwiper">
		<swiper-item wx:for="{{canteenList}}" wx:key="index">
			<scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
				<view class="content">
					<view hidden="{{!item.deliciousList[0]}}" class="cont-width first">
						<view class="cont-bg" style="background-image:{{ item.deliciousList[0].dishesPic ? 'url(' + baseUrl + item.deliciousList[0].dishesPic +')' : 'url(' + imgUrl + 'cont_bg.png)' }}">
							<view class="number" style="background-image: url({{imgUrl}}top1.png);">
								<view>TOP</view>
								<view>——</view>
								<view>01</view>
							</view>
						</view>
						<view class="stars">
							<span style="margin-right: 20rpx;font-size: 27rpx;font-weight: 600;letter-spacing: 3rpx;">{{item.deliciousList[0].dishesName}}</span>
							<image wx:key="index" wx:for="{{item.deliciousList[0].score}}" src="{{imgUrl}}stars1.png"></image>
							<image wx:key="index" wx:for="{{5 - item.deliciousList[0].score}}" src="{{imgUrl}}stars2.png"></image>
						</view>
						<view class="quality" style="font-size: 23rpx;letter-spacing: 1rpx;">此菜品上周共获得<span style="color: #F58E3C;">{{item.deliciousList[0].compliment}}</span>次点赞，获得<span style="color: #F58E3C;">{{item.deliciousList[0].commentCount}}</span>次评论</view>
						<view class="comments">
							<view style="width: 18%;font-size: 24rpx;letter-spacing: 1rpx;">最新评论:</view>
							<view style="width: 82%;font-size: 24rpx;letter-spacing: 1rpx;" class="content-text">“{{item.deliciousList[0].evaluation}}”</view>
						</view>
						<view class="btn">
							<view bindtap="toComment" data-data="{{item.deliciousList[0]}}">点击查看</view>
						</view>
					</view>
					<view hidden="{{!item.deliciousList[1]}}" class="cont-width second">
						<view class="cont-bg" style="background-image:{{ item.deliciousList[1].dishesPic ? 'url(' + baseUrl + item.deliciousList[1].dishesPic +')' : 'url(' + imgUrl + 'cont_bg.png)' }}">
							<view class="number" style="background-image: url({{imgUrl}}top2.png);">
								<view>TOP</view>
								<view>——</view>
								<view>02</view>
							</view>
						</view>
						<view class="stars">
							<span style="margin-right: 20rpx;font-size: 27rpx;font-weight: 600;letter-spacing: 3rpx;">{{item.deliciousList[1].dishesName}}</span>
							<image wx:key="index" wx:for="{{item.deliciousList[1].score}}" src="{{imgUrl}}stars1.png"></image>
							<image wx:key="index" wx:for="{{5 - item.deliciousList[1].score}}" src="{{imgUrl}}stars2.png"></image>
						</view>
						<view class="quality" style="font-size: 23rpx;letter-spacing: 1rpx;">此菜品上周共获得<span style="color: #F58E3C;">{{item.deliciousList[1].compliment}}</span>次点赞，获得<span style="color: #F58E3C;">{{item.deliciousList[1].commentCount}}</span>次评论</view>
						<view class="comments">
							<view style="width: 18%;font-size: 24rpx;letter-spacing: 1rpx;">最新评论:</view>
							<view style="width: 82%;font-size: 24rpx;letter-spacing: 1rpx;" class="content-text">“{{item.deliciousList[1].evaluation}}”</view>
						</view>
						<view class="btn">
							<view bindtap="toComment" data-data="{{item.deliciousList[1]}}">点击查看</view>
						</view>
					</view>
					<view hidden="{{!item.deliciousList[2]}}" class="cont-width third">
						<view class="cont-bg" style="background-image:{{ item.deliciousList[2].dishesPic ? 'url(' + baseUrl + item.deliciousList[2].dishesPic +')' : 'url(' + imgUrl + 'cont_bg.png)' }}">
							<view class="number" style="background-image: url({{imgUrl}}top3.png);">
								<view>TOP</view>
								<view>——</view>
								<view>03</view>
							</view>
						</view>
						<view class="stars">
							<span style="margin-right: 20rpx;font-size: 27rpx;font-weight: 600;letter-spacing: 3rpx;">{{item.deliciousList[2].dishesName}}</span>
							<image wx:key="index" wx:for="{{item.deliciousList[2].score}}" src="{{imgUrl}}stars1.png"></image>
							<image wx:key="index" wx:for="{{5 - item.deliciousList[2].score}}" src="{{imgUrl}}stars2.png"></image>
						</view>
						<view class="quality" style="font-size: 23rpx;letter-spacing: 1rpx;">此菜品上周共获得<span style="color: #F58E3C;">{{item.deliciousList[2].compliment}}</span>次点赞，获得<span style="color: #F58E3C;">{{item.deliciousList[2].commentCount}}</span>次评论</view>
						<view class="comments">
							<view style="width: 18%;font-size: 24rpx;letter-spacing: 1rpx;">最新评论:</view>
							<view style="width: 82%;font-size: 24rpx;letter-spacing: 1rpx;" class="content-text">“{{item.deliciousList[2].evaluation}}”</view>
						</view>
						<view class="btn">
							<view bindtap="toComment" data-data="{{item.deliciousList[2]}}">点击查看</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</swiper-item>
	</swiper>
</view>
<!-- 内容结尾 -->