syshxcx/pages/neighbor/neighbor.wxml

<view class="neighbor-top">
  <view class="top-bg">
    <image src="{{sourceUrl}}neighbor-top.png" mode="widthFix"></image>
  </view>
  <view class="neighbor-info">
    <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
      <view class="picker">
        {{array[index]}}
        <image src="{{sourceUrl}}arrow-down.png"></image>
      </view>
    </picker>
    <view class="topic">
      <view class="topic-box">#邻里互助</view>
      <view class="topic-box">#助人为乐</view>
      <view class="topic-box">#求助</view>
    </view>
    <view class="warm-tip">和睦的邻里关系，对于能够为邻的人是一种幸福，同时也是社会和谐的基础。</view>
  </view>
</view>
<view class="neighbor-container">
  <view class="neighbor-tab">
    <view class="tab-box {{tab == '1' ? 'active': ''}}" bindtap="changeTab" data-tab="1">邻里互助</view>
    <view class="tab-box {{tab == '2' ? 'active': ''}}" bindtap="changeTab" data-tab="2">邻里圈</view>
  </view>
  <view class="help-container">
    <view class="help-box" bindtap="checkHelpDetail" wx:for="{{helpList}}" wx:key="index" data-id="{{item.neighborId}}" wx:if="{{tab == '1' && helpList.length > 0}}">
      <view class="help-user">
        <image src="{{item.headPortrait}}"></image>
        <view class="user-name-time">
          <view class="user-name">{{item.nickName}} <text>{{item.problemTypeName}}</text></view>
          <view class="user-time">{{item.gmtCreate}}</view>
        </view>
      </view>
      <view class="help-content">
        {{item.content}}
      </view>
      <view class="help-photo" wx:if="{{item.photo.length > 0}}">
        <view class="help-photo-box photo-one" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 1}}">
          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
        </view>
        <view class="help-photo-box photo-four" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 4}}">
          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
        </view>
        <view class="help-photo-box photo-more" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length > 1 && item.photo.length != 4}}">
          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
        </view>
      </view>
      <view class="help-video" wx:if="{{item.video}}">
        <video src="{{serviceUrl + baseImgUrl + item.video}}"></video>
      </view>
    </view>
    <view class="help-box" bindtap="checkCircleDetail" wx:for="{{helpList}}" wx:key="index" data-id="{{item.neighborCircleId}}" wx:if="{{tab == '2' && helpList.length > 0}}">
      <view class="help-user">
        <image src="{{item.headPortrait}}"></image>
        <view class="user-name-time">
          <view class="user-name">{{item.nickName}}</view>
          <view class="user-time">{{item.gmtCreate}}</view>
        </view>
      </view>
      <view class="help-content">
        {{item.content}}
      </view>
      <view class="help-photo" wx:if="{{item.photo.length > 0}}">
        <view class="help-photo-box photo-one" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 1}}">
          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
        </view>
        <view class="help-photo-box photo-four" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length == 4}}">
          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="widthFix"></image>
        </view>
        <view class="help-photo-box photo-more" wx:for="{{item.photo}}" wx:for-item="photo" wx:key="photo" wx:if="{{item.photo.length > 1 && item.photo.length != 4}}">
          <image src="{{serviceUrl + baseImgUrl + photo}}" mode="heightFix"></image>
        </view>
      </view>
      <view class="help-video" wx:if="{{item.video}}">
        <video src="{{serviceUrl + baseImgUrl + item.video}}"></video>
      </view>
    </view>
    <view class="no-data" wx:if="{{helpList.length == 0}}">
      <image src="{{sourceUrl}}no-data.png" mode="widthFix"></image>
    </view>
    <view class="help-more" bindtap="checkHelpMore" wx:if="{{helpList.length > 0}}">
      查看更多
    </view>
  </view>
</view>

<view class="new" bindtap="newContent"><image src="{{sourceUrl}}add-btn.png" mode="heightFix"></image></view>