<import-sjs name="utils" from="./index.sjs"/>
<wrapper>
  <view class="experts-item-container">
    <view
      class="experts-item"
      a:for="{{ dataSource }}"
      onTap="toDetailPage"
      data-item="{{ item }}"
    >
      <view class="experts-item-left">
        <image
          mode="aspectFit"
          src="{{ item.picUrl }}"
          class="experts-item-img"/>
      </view>
      <view class="experts-item-right">
        <view class="experts-item-title">
          <view class="experts-item-title-left">
            <text number-of-lines="1">
              {{ item.name }} {{ item.level }} {{ utils.getLabels(item) }}
            </text>
          </view>
          <view class="experts-item-title-right">
            <am-icon
              size="12"
              type="right"
              color="#CCC"
            />
          </view>
        </view>
        <view class="experts-item-desc">
          <text number-of-lines="2">{{ item.desc }}</text>
        </view>
      </view>
    </view>
  </view>
  <view class="loading-el-experts" a:if="{{ !isLastPage && loading }}">
    <text>加载中..</text>
  </view>
  <view a:else class="no-more-experts">没有更多了</view>
</wrapper>
