<!-- /tabs/index/index.wxml -->
<navigation-bar title="上海实验室装备协会" back="{{false}}" color="white" background="transparent"></navigation-bar>
<scroll-view class="scrollarea" scroll-y type="list">
  <view class="banner">
    <t-swiper
      current="{{current}}"
      autoplay="{{autoplay}}"
      duration="{{duration}}"
      interval="{{interval}}"
      height="{{200}}"
      navigation="{{ { type: 'dots' } }}"
      list="{{swiperList}}"
      bind:click="onTap"
      bind:change="onChange"
      bind:image-load="onImageLoad"
      pagination-position="bottom-right"
    >
    </t-swiper>

    <view class="agency flex flex-between align-center">
      <block wx:for="{{navTabs}}" wx:key="icon" wx:for-item="item">
        <view class="pill">
          <image class="pill-img" src="{{item.icon}}" />
          <view class="pill-txt text-center">{{item.title}}</view>
        </view>
      </block>
    </view>

    <view class="member flex flex-between align-center mb-8">
      <block wx:for="{{memberTabs}}" wx:key="icon" wx:for-item="item">
        <view class="pill {{item.title == '入会申请' ? 'pr-8' : 'pl-8'}}" bindtap="toPage" data-type="{{item.type}}" data-path="{{item.path}}">
          <image class="pill-img" src="{{item.icon}}" />
        </view>
      </block>
    </view>

    <view class="container notice mt-16 mb-16">
      <t-cell t-class="notice-cell" arrow style="border-radius: 12px;">
        <view class="desc text-clamp-2 ft-minor" slot="description">
          关于召开《学习华文-LTC流程与铁三角组织, 关于召开《学习华文-LTC流程与铁三角组织》…
        </view>
        <view class="avatar" slot="left-icon">
          <image class="notice-img" src="{{OSS_ROOT}}/assets/latest_notice.png" />
        </view>
      </t-cell>
    </view>

    <view class="activity tabs flex align-center flex-around">
      <view class="tab-item active">培训活动</view>
      <view class="tab-item">论坛活动</view>
      <view class="tab-item">其他活动</view>
      <view class="tab-item text-title">
        <text>更多活动</text>
        <image class="notice-img" src="{{OSS_ROOT}}/assets/righ_arrow_black.png" />
      </view>
    </view>

    <view class="list">
      <view class="list-item" wx:for="{{list}}" wx:key="index" wx:for-item="item">
        <view class="list-item-inner flex">
          <view class="src">
            <view class="src-badge" wx:if="{{item.status === 'ongoing'}}">进行中</view>
            <image class="src-img" src="{{item.src}}" />
          </view>
          <view class="list-item-right flex flex-column flex-between">
            <view class="title text-title text-cut">{{item.title}}</view>
            <view class="flex flex-start align-center text-small">{{item.start}}-{{item.end}}</view>
            <view class="flex flex-start align-center text-small">
              报名人数：
              <text class="text-main">{{item.enroll}}</text>
              <text class="text-small">/{{item.total}}人</text>
            </view>
            <view class="gradient btn" bindtap="devNotice">立即报名</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</scroll-view>