<import-sjs from="./index.sjs" name="utils" />
<view
  class="advert-wheel-card"
  a:if="{{ utils.hasService(componentData) }}"
>
    <custom-swiper
      circular="{{circular}}"
      autoplay="{{autoplay}}"
      swiperClass="advert-card-banner"
      images="{{ utils.getServiceList(componentData) }}"
      indicatorDots="{{componentData.serviceList.length > 1}}"
      interval="{{utils.getInterval(componentData,interval)}}"
    >
      <view slot-scope="props" class="advert-card-item-wrapper">
        <button-auth
          class="advert-card-item-content" item="{{props.data.item}}"
          formClass="advert-card-item{{utils.getItemCardMode(componentData)}}"
        >
          <image
            class="advert-card-image"
            style="{{utils.getStyle(componentData)}}"
            src="{{utils.getFullUrl(props.data.item.icon,imgSrcPrefix)}}"
          />
          <view class="advert-card-desc">
            <view class="card-service-title">
              {{props.data.item.name}}
            </view>
            <view class="desc-content">
              {{props.data.item.serviceDesc}}
            </view>
          </view>
        </button-auth>
      </view>
    </custom-swiper>
</view>
