smoa_wxapp/pages/index/index.wxml

<view>
  <view>
    <swiper indicator-dots="false" autoplay="true" interval="5000" duration="1000">
      <swiper-item>
        <image src="/assets/carousel/1.jpg" class="slide-image"  mode="aspectFill" />
      </swiper-item>
      <swiper-item>
        <image src="/assets/carousel/2.jpg" class="slide-image" mode="aspectFill"/>
      </swiper-item>
      <swiper-item>
        <image src="/assets/carousel/3.jpg" class="slide-image" mode="aspectFill"/>
      </swiper-item>
    </swiper>
  </view>

  <view >
    <view class="cate-section">
      <button class="cate-item" bindtap="gotoCollection">
        <i-icon type="search" size="40" color="#e96900a0" />
        <text>文件搜索</text>
      </button>

      <button class="cate-item" bindtap="gotoError">
        <i-icon type="mine" size="40" color="#e96900a0" />
        <text>我的文件</text>
      </button>

      <button class="cate-item" bindtap="gotoHistory">
        <i-icon type="createtask" size="40" color="#e96900a0" />
        <text>我的任务</text>
      </button>
    </view>

    <i-panel>
      <view class="cate-section">
        <view wx:for="{{departments}}" wx:key="departmentId" class="cate-item cate-item-3">
          <button class="cate-item"  bindtap="gotoDepartment" data-id="{{item.departmentId}}">
            <i-avatar src="/assets/icon/{{item.departmentId}}.jpg" size="50" shape="square"></i-avatar>
            <text>{{item.department}}</text>
          </button>
        </view>
      </view>
    </i-panel>
  </view>

</view>