epdc-resident-mp-js/pages/heartNew/heartNew.wxml

<view class="header" style="height: {{statusHeight + navigationHeight}}px;">
  <image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" />
  <view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">
    <view class="goback" bindtap="goback">
      <image src="../../images/goback.png" />
    </view>
    <view class="title" bindtap="goback">
      <view class="title-right">志愿者去哪儿</view>
    </view>
    <!-- 志愿者去哪儿 -->
  </view>
</view>
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px">
  <view class="belong-grid">
    <image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" />
    <view class="newbelong-grid">
      <view class="grid">
        <image src="{{getImgUrl}}" />
      </view>
      <view class="volunteer" bindtap="govolunteer">
        <image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717MhrKAB80nAAApr5c7VJQ292.png" />
      </view>
    </view>
  </view>
</view>
<view class="banner-main">
  <view class="page-body">
    <view class="page-section page-section-spacing swiper">
      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" bindchange="swiperChange">
        <block wx:if="{{banner.length > 0}}">
          <block wx:for="{{banner}}" wx:key="*this">
            <swiper-item>
              <view class="swiper-item" data-id="{{item.actId}}">
                <image class="banner" src='{{item.bannerImg}}' mode="aspectFill" />
              </view>
            </swiper-item>
          </block>
        </block>
        <block wx:else>
          <swiper-item>
            <view>
              <image class="banner" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717N1ouAPcXVAAJZd_4ygpQ518.jpg" mode="aspectFill" />
            </view>
          </swiper-item>
        </block>
      </swiper>
      <!-- 重置小圆点的样式 -->
      <view class="dots">
        <block wx:for="{{ banner }}" wx:key="index">
          <view class="dot {{index == currentSwiper ? ' active' : '' }}"></view>
        </block>
      </view>
    </view>
  </view>
</view>
<view class="tab-all">
  <view class="tab-bar">
    <view class="tab tab0 {{selectedTab === 'tab0' ? 'select' : ''}}" data-tab="tab0" bindtap="tabBarChange">
      订单多多
    </view>
    <view class="tab tab1 {{selectedTab === 'tab1' ? 'select' : ''}}" data-tab="tab1" bindtap="tabBarChange">
      志友朵朵
    </view>
    <view class="tab tab2 {{selectedTab === 'tab2' ? 'select' : ''}}" data-tab="tab2" bindtap="tabBarChange">
      精彩说说
    </view>
    <view class="tab tab3 {{selectedTab === 'tab3' ? 'select' : ''}}" data-tab="tab3" bindtap="tabBarChange">
      积分火火
    </view>
    <view class="select-bar {{selectedTab}}"></view>
  </view>
</view>
<!-- 订单多多列表 -->
<view class="details-top" hidden="{{dingdan}}">
  <activity bind:toActDetail="toActDetailDown" id="state-0" state="0"></activity>
</view>
<!-- 志友朵朵 -->
<block wx:if="{{ selectedTab == 'tab1' }}">
  <view class="details-top">
    <view class="volunteer-box">
      <volunteer-list bind:clickImage="clickImage" wx:for="{{volunteerlist}}" volunteerItemObj="{{item}}" wx:for-index="index" wx:for-item="item" wx:key="{{index}}"></volunteer-list>
    </view>
    <!-- <view class="show">*按姓氏拼音排序</view> -->
  </view>
</block>
<!-- 精彩说说 -->
<view class="details-top" hidden="{{jingcai}}">
  <activity bind:toActDetail="toActDetailDown" id="state-2" state="2"></activity>
</view>
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more>