<view class="swiper-box">
  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" >
    <swiper-item class="swiper-item">
      <image src="../../images/center-bg.png" class="swiper-img"></image>
    </swiper-item>
    <swiper-item class="swiper-item">
      <image src="../../images/center-bg.png" class="swiper-img"></image>
    </swiper-item>
    <swiper-item class="swiper-item">
      <image src="../../images/center-bg.png" class="swiper-img"></image>
    </swiper-item>
  </swiper>
</view>
<view class="link">
  <view class="link-box" bindtap="goRegister">
    <view class="link-title">
      <view class="big">志愿者注册</view>
      <view class="small">实名注册</view>
    </view>
    <view class="img">
      <image src="../../images/person.png"></image>
    </view>
  </view>
  <view class="link-box" bindtap="goTeam">
    <view class="link-title">
      <view class="big">志愿者服务组织</view>
      <view class="small">志愿者团队</view>
    </view>
    <view class="img">
      <image src="../../images/team.png"></image>
    </view>
  </view>
</view>
<view class="volunteer-activity">
  <view class="public-title">
    <view class="title-text">
      <image src="../../images/selected-l.png" class="selected-l"></image>
      志愿活动
      <image src="../../images/selected-r.png" class="selected-r"></image>
    </view>
  </view>
  <view class="activity">
    <view class="activity-box" bindtap="goDetail" data-id="{{item.volunteerServiceId}}" wx:for="{{serviceMap}}">
      <view class="activity-img">
        <image src="{{item.photo}}"></image>
        <view class="corner" wx:if="{{item.status == 'enroll'}}">报名中</view>
        <view class="corner" wx:if="{{item.status == 'isEnroll'}}">已报名</view>
        <view class="corner" wx:if="{{item.status == 'stop'}}">停止报名</view>
        <view class="corner" wx:if="{{item.status == 'ing'}}">进行中</view>
        <view class="corner" wx:if="{{item.status == 'over'}}">已结束</view>
      </view>
      <view class="activity-info">
        <view class="title">
          <view class="activity-title">{{item.serviceName}}</view>
        </view>
        <view class="date">{{item.startTime}}至{{item.endTime}}</view>
      </view>
    </view>
  </view>
</view>
<view class="new-activity">
  <view class="new-activity-btn" bindtap="newActivity">发起新活动</view>
</view>