|
@@ -1,123 +1,87 @@
|
|
|
<!--pages/deliciousList.wxml-->
|
|
|
<view class="head-bg">
|
|
|
- <image style="width:100%" src="{{imgUrl}}list_bg.png"></image>
|
|
|
-</view>
|
|
|
-<view class="tab">
|
|
|
- <view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="0">
|
|
|
- <view style="height:90rpx;">A区食堂美味榜</view>
|
|
|
- </view>
|
|
|
- <view class="tab-item {{tab==1?'active':''}}" bindtap="changeItem" data-item="1">
|
|
|
- <view style="height:90rpx">B区食堂美味榜</view>
|
|
|
- </view>
|
|
|
+ <image style="width:100%" src="{{imgUrl}}list_bg.png"></image>
|
|
|
</view>
|
|
|
+<scroll-view 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">
|
|
|
- <swiper current="{{item}}" bindchange="changeTab">
|
|
|
- <swiper-item>
|
|
|
- <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
|
|
|
- <view class="content">
|
|
|
- <view class="cont-width first">
|
|
|
- <view class="cont-bg" style="background-image: url({{imgUrl}}cont_bg.png);">
|
|
|
- <view class="number" style="background-image: url(/pages//images/top1.png);">
|
|
|
- <view>TOP</view>
|
|
|
- <view>——</view>
|
|
|
- <view>01</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="stars">
|
|
|
- <span>鲜椒过水钳鱼</span>
|
|
|
- <image style="margin-left: 20px;" src="../images/stars2.png"></image>
|
|
|
- <image src="../images/stars2.png"></image>
|
|
|
- <image src="../images/stars2.png"></image>
|
|
|
- <image src="../images/stars2.png"></image>
|
|
|
- <image src="../images/stars2.png"></image>
|
|
|
- </view>
|
|
|
- <view class="quality">此菜品上周共获得<span>89</span>次点赞,获得<span>12</span>次评论</view>
|
|
|
- <view class="comments">
|
|
|
- <view>最新评论:</view>
|
|
|
- <view>“鱼很入味,肉质十分鲜滑,也没有什么鱼翅,非常下饭。”</view>
|
|
|
- </view>
|
|
|
- <view class="btn">
|
|
|
- <view bindtap="toComment">点击查看</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="cont-width second">
|
|
|
- <view class="cont-bg" style="background-image: url({{imgUrl}}cont_bg.png);">
|
|
|
- <view class="number" style="background-image: url(/pages//images/top2.png);">
|
|
|
- <view>TOP</view>
|
|
|
- <view>——</view>
|
|
|
- <view>02</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="stars">
|
|
|
- <span>鲜椒过水钳鱼</span>
|
|
|
- <i></i><i></i><i></i><i></i><i></i><i></i>
|
|
|
- </view>
|
|
|
- <view class="quality">此菜品上周共获得<span>89</span>次点赞,获得<span>12</span>次评论</view>
|
|
|
- <view class="comments">
|
|
|
- <view>最新评论:</view>
|
|
|
- <view>“鱼很入味,肉质十分鲜滑,也没有什么鱼翅,非常下饭。”</view>
|
|
|
- </view>
|
|
|
- <view class="btn">
|
|
|
- <view bindtap="toComment">点击查看</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
- </swiper-item>
|
|
|
-
|
|
|
- <swiper-item>
|
|
|
- <scroll-view scroll-y="true" style="height: 100%">
|
|
|
- <view class="content">
|
|
|
- <view class="cont-width first">
|
|
|
- <view class="cont-bg" style="background-image: url({{imgUrl}}cont_bg.png);">
|
|
|
- <view class="number" style="background-image: url(/pages//images/top1.png);">
|
|
|
- <view>TOP</view>
|
|
|
- <view>——</view>
|
|
|
- <view>01</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="stars">
|
|
|
- <span>鲜椒过水钳鱼</span>
|
|
|
- <image style="margin-left: 20px;" src="../images/stars2.png"></image>
|
|
|
- <image src="../images/stars2.png"></image>
|
|
|
- <image src="../images/stars2.png"></image>
|
|
|
- <image src="../images/stars2.png"></image>
|
|
|
- <image src="../images/stars2.png"></image>
|
|
|
- </view>
|
|
|
- <view class="quality">此菜品上周共获得<span>89</span>次点赞,获得<span>12</span>次评论</view>
|
|
|
- <view class="comments">
|
|
|
- <view>最新评论:</view>
|
|
|
- <view>“鱼很入味,肉质十分鲜滑,也没有什么鱼翅,非常下饭。”</view>
|
|
|
- </view>
|
|
|
- <view class="btn">
|
|
|
- <view bindtap="toComment">点击查看</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="cont-width second">
|
|
|
- <view class="cont-bg" style="background-image: url({{imgUrl}}cont_bg.png);">
|
|
|
- <view class="number" style="background-image: url(/pages//images/top2.png);">
|
|
|
- <view>TOP</view>
|
|
|
- <view>——</view>
|
|
|
- <view>02</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="stars">
|
|
|
- <span>鲜椒过水钳鱼</span>
|
|
|
- <i></i><i></i><i></i><i></i><i></i><i></i>
|
|
|
- </view>
|
|
|
- <view class="quality">此菜品上周共获得<span>89</span>次点赞,获得<span>12</span>次评论</view>
|
|
|
- <view class="comments">
|
|
|
- <view>最新评论:</view>
|
|
|
- <view>“鱼很入味,肉质十分鲜滑,也没有什么鱼翅,非常下饭。”</view>
|
|
|
- </view>
|
|
|
- <view class="btn">
|
|
|
- <view bindtap="toComment">点击查看</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
+ <swiper 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: 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;">{{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">此菜品上周共获得<span>{{item.deliciousList[0].compliment}}</span>次点赞,获得<span>{{item.deliciousList[0].commentCount}}</span>次评论</view>
|
|
|
+ <view class="comments">
|
|
|
+ <view>最新评论:</view>
|
|
|
+ <view>“{{item.deliciousList[0].evaluation}}”</view>
|
|
|
+ </view>
|
|
|
+ <view class="btn">
|
|
|
+ <view bindtap="toComment">点击查看</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view hidden="{{!item.deliciousList[1]}}" class="cont-width second">
|
|
|
+ <view class="cont-bg" style="background-image: 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;">{{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">此菜品上周共获得<span>{{item.deliciousList[1].compliment}}</span>次点赞,获得<span>{{item.deliciousList[1].commentCount}}</span>次评论</view>
|
|
|
+ <view class="comments">
|
|
|
+ <view>最新评论:</view>
|
|
|
+ <view>“{{item.deliciousList[1].evaluation}}”</view>
|
|
|
+ </view>
|
|
|
+ <view class="btn">
|
|
|
+ <view bindtap="toComment">点击查看</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view hidden="{{!item.deliciousList[2]}}" class="cont-width third">
|
|
|
+ <view class="cont-bg" style="background-image: 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;">{{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">此菜品上周共获得<span>{{item.deliciousList[2].compliment}}</span>次点赞,获得<span>{{item.deliciousList[2].commentCount}}</span>次评论</view>
|
|
|
+ <view class="comments">
|
|
|
+ <view>最新评论:</view>
|
|
|
+ <view>“{{item.deliciousList[2].evaluation}}”</view>
|
|
|
+ </view>
|
|
|
+ <view class="btn">
|
|
|
+ <view bindtap="toComment">点击查看</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
</view>
|
|
|
<!-- 内容结尾 -->
|