作者 wumengyu

优化专题列表

1 <!--pages/index/banner-list/banner-list.wxml--> 1 <!--pages/index/banner-list/banner-list.wxml-->
2 <view class="content"> 2 <view class="content">
3 - <image src="{{pic}}" class="banner" mode="widthFix"></image> 3 + <image src="{{pic}}" class="banner" mode="aspectFill"></image>
4 <view class='content_box'> 4 <view class='content_box'>
5 <!-- <view class="no-data" wx:if="{{list.length === 0}}">暂无活动</view> --> 5 <!-- <view class="no-data" wx:if="{{list.length === 0}}">暂无活动</view> -->
6 <view class='content_item' wx:for='{{list}}' wx:key="index" wx:if="{{list.length>0}}" 6 <view class='content_item' wx:for='{{list}}' wx:key="index" wx:if="{{list.length>0}}"
7 bindtap='goPostDetail' data-id="{{item.id}}" data-type="{{item.type}}"> 7 bindtap='goPostDetail' data-id="{{item.id}}" data-type="{{item.type}}">
8 <!--<image src="http://pk86rwhci.bkt.clouddn.com/activity_img@2x.png"></image>--> 8 <!--<image src="http://pk86rwhci.bkt.clouddn.com/activity_img@2x.png"></image>-->
9 - <image src="{{item.pic}}"></image> 9 + <image src="{{item.pic}}" mode="aspectFill"></image>
10 <view class="title"> 10 <view class="title">
11 <text class="area">{{item.title}} {{item.time}}</text> 11 <text class="area">{{item.title}} {{item.time}}</text>
12 - <!--已加入人数小于最低人数-->  
13 - <text class="num" wx:if="{{item.join_number<item.min}}">还差{{item.people}}人</text>  
14 - <text class="num" wx:else>还可加入{{item.max - item.join_number}}人</text> 12 + <block wx:if="{{item.type === 1}}">
  13 + <!--已加入人数小于最低人数,显示还差多少人-->
  14 + <view class="num" wx:if="{{item.join_number<item.min}}">还差{{item.people}}人</view>
  15 + <!--最低人数<=已加入人数<最高人数,显示还可加入多少人-->
  16 + <view class="num" wx:else>还可加入{{item.max - item.join_number}}人</view>
  17 + </block>
  18 + <block wx:if="{{item.type === 2}}">
  19 + <!--已加入人数小于最低人数,显示还差多少人-->
  20 + <view class="num" wx:if="{{item.join_number<item.number}}">还差{{item.people}}人</view>
  21 + <!--最低人数<=已加入人数<最高人数,显示还可加入多少人-->
  22 + <view class="num" wx:else>还可加入{{item.max_number - item.join_number}}人</view>
  23 + </block>
15 </view> 24 </view>
16 <view class="user"> 25 <view class="user">
17 <!--<image src="../../../images/avatar@2x.png" class="avatar"></image>--> 26 <!--<image src="../../../images/avatar@2x.png" class="avatar"></image>-->
@@ -3,7 +3,8 @@ @@ -3,7 +3,8 @@
3 @import '../tandian-list/tandian-list.wxss'; 3 @import '../tandian-list/tandian-list.wxss';
4 .banner { 4 .banner {
5 width: 100%; 5 width: 100%;
6 - height: auto; 6 + height:375rpx;
  7 + /* height: auto; */
7 } 8 }
8 .content_box { 9 .content_box {
9 margin-top: 0; 10 margin-top: 0;