xz_gangba/pages/volunteer/volunteer.wxml

<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}}" wx:key="index">
            <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>