|
|
|
|
<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">
|
|
|
|
|
<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="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717MflOADIYLAACi6KzN7k4722.png" />
|
|
|
|
|
</view>
|
|
|
|
|
<view class="volunteer">
|
|
|
|
|
<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 bindtap="toActDetail" 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-shibei.elinkservice.cn/epdcFile/M00/02/B2/rBAAM16W7SqAY1XjAAMWUuGo2D4654.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>
|
|
|
|
|
<block wx:if="{{ selectedTab == 'tab0' }}">
|
|
|
|
|
<view class="details-top">2222</view>
|
|
|
|
|
</block>
|
|
|
|
|
<block wx:elif="{{ selectedTab == 'tab1' }}">
|
|
|
|
|
<view class="details-top">
|
|
|
|
|
<volunteer-list></volunteer-list>
|
|
|
|
|
</view>
|
|
|
|
|
</block>
|
