<view class="service-market-swiper">
  <view class="service-content">
    <swiper indicator-dots="{{lists.length > 1}}"
      autoplay="{{false}}"
      class="swiper-container">
      <block a:for="{{lists}}" a:for-item="list">
        <swiper-item class="swiper-item" key="{{index}}">
          <button-auth 
            a:for="{{list}}"
            className="service-item" 
            formClass="form"
            item="{{item}}"
          >
            <image
              class="service-icon"
              lazy-load="{{false}}" 
              src="{{ item.icon.length ==32 ? imgSrcPrefix + item.icon : item.icon }}"
            />
            <text
              a:if="{{item.extInfo.badgeText}}"
              className="badge"
              style="font-size: {{componentData.componentExtInfo.badgeFontSize}}px;color: {{componentData.componentExtInfo.badgeFontColor}};background: {{componentData.componentExtInfo.badgeBackgroundColor}}"
            >{{item.extInfo.badgeText.slice(0,4)}}</text>
            <view class="service-name">{{item.name}}</view>
          </button-auth>
        </swiper-item>

      </block>
    </swiper>
    
  </view>
</view>
