<!--pages/index/index.wxml-->
<view class='indexBox'>
  <view class="indexSwiper page-section-spacing swiper">
    <swiper indicator-dots="{{false}}"
      autoplay="true" interval="2000" duration="500">
      <swiper-item>
        <image src='../../img/1.jpg'></image>
      </swiper-item>
    </swiper>
    <!-- <image src='../../img/1.jpg'></image> -->
    <text class='title' bindtap='authorize'>欢迎回来·{{roleTitle}}</text>
  </view>
  <van-grid>
    <van-grid-item icon="../../img/1.png" text="志愿活动" bindtap="volunteers" />
    <van-grid-item icon="../../img/2.png" text="社会实践" wx:if="{{showSocial}}" bindtap="socialEvent" />
    <van-grid-item icon="../../img/2.png" text="亲子活动" wx:if="{{showFamily}}" bindtap="familyEvent" />
    <van-grid-item icon="../../img/3.png" text="公益课堂" bindtap="mediaCourse" />
    <van-grid-item icon="../../img/4.png" text="消息通知" wx:if="{{showNews}}" bindtap="news" />
    <van-grid-item icon="../../img/4.png" text="区域管理" bindtap="area" wx:if="{{role==4}}" />
  </van-grid>
  <view class='conSwiper'>
    购买中国志愿者会员,公益视频免费看!<view bindtap='memberChange'>详情</view>
  </view>
  <view class='volunteers'>
    <view class='topTitle'>
      <view>
        <view class='line'></view>
        <text>志愿者活动</text>
      </view>
      <text class='lookmore' bindtap='moreVolunteers'>查看更多</text>
    </view>
    <view class='listVolunteers'>
      <view bindtap='volunteersEventDetail' wx:for="{{volunteerEventList}}" data-index='{{item.id}}' wx:key="{{index}}">
        <view class='left_listVolunteers'>
          <image src='{{item.front_image}}'></image>
          <text>{{item.status_title}}</text>
        </view>
        <view class='right_listVolunteers'>
          <text>{{item.title}}</text>
          <view>
            <text>征集范围：{{item.scope}}\n</text>
            <text>征集人数：{{item.max_member}}人\n</text>
            <text>发布单位：{{item.author}}\n</text>
            <text>报名截止：{{item.enroll_time}}</text>
          </view>
        </view>
      </view>
    </view>
    <!-- 社会实践 -->
    <view class='practice' wx:if="{{showSocial}}">
      <view>
        <view class='topTitle'>
          <view>
            <view class='line'></view>
            <text>社会实践</text>
          </view>
          <!-- <text class='lookmore'>查看更多</text> -->
        </view>
        <view class='listPractice'>
          <view wx:for="{{socialEventList}}" bindtap='socialEventDetail' wx:key="{{index}}" data-index="{{item.event_id}}">
            <view class='left_listPractice'>
              <image src='{{item.front_image}}'></image>
            </view>
            <view class='right_listPractice'>
              <view>
                <text>{{item.title}}\n</text>
                <text>{{item.publish_time}}</text>
              </view>
              <text>{{item.author}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>

    <!-- 亲子活动 -->
    <view class='qingzi' wx:if="{{showFamily}}">
      <view>
        <view class='topTitle'>
          <view>
            <view class='line'></view>
            <text>亲子活动</text>
          </view>
          <!-- <text class='lookmore'>查看更多</text> -->
        </view>
        <view class='listPractice'>
          <view wx:for="{{familyEventList}}" bindtap='familyEventDetail' wx:key="{{index}}" data-index="{{item.event_id}}">
            <view class='left_listPractice'>
              <image src='{{item.front_image}}'></image>
            </view>
            <view class='right_listPractice'>
              <view>
                <text>{{item.title}}\n</text>
                <text>{{item.content}}</text>
              </view>
              <text>{{item.author}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>
    <!-- 公益课堂 -->
    <view class='publicWelfare'>
      <view class='topTitle'>
        <view>
          <view class='line'></view>
          <text>公益课堂</text>
        </view>
        <!-- <text class='lookmore'>查看更多</text> -->
      </view>
      <view class='listPublicWelfare'>
        <view wx:for="{{mediaList}}" wx:key="{{index}}" bindtap='classDetails' data-index="{{item.id}}">
          <view class='left_listPublicWelfare'>
            <image src='{{item.front_image}}'></image>
          </view>
          <view class='right_listPublicWelfare'>
            <text>{{item.title}}</text>
            <view>
              <van-button type="default" size="mini">小学课堂</van-button>
              <image src='../../img/kefu.png'></image>
              <text>{{item.view_count}}</text>
            </view>
            <text>主讲教师：{{item.teacher}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<van-dialog id="van-dialog" />