<view class="hot-bar" a:if="{{componentData && componentData.serviceList && componentData.serviceList.length}}">
  <!-- <form onSubmit="onSubmit" report-submit="{{true}}"> -->
      <view class="line"></view>
    <view class="styleType-one pic" a:if="{{+componentData.componentExtInfo.styleType === 1}}">
      <button-auth
        a:for="{{componentData.serviceList.slice(0,2)}}"
        className="pic-item"
        formClass="pic-item-form"
        item="{{item}}"
      >
        <view class="pic-item-left hot-bar-img">
          <image class="pic-img" src="{{item.icon.length ==32 ? imgSrcPrefix + item.icon : item.icon}}" lazy-load="{{false}}"  />
        </view>
        <view class="pic-item-right">
          <text class="pic-title" number-of-lines="1">{{item.name}}</text>
          <text class="pic-desc" a:if="{{item.serviceDesc}}" number-of-lines="1">{{item.serviceDesc}}</text>
        </view>
      </button-auth>
    </view>
    <view class="styleType-two pic" a:else>
      <button-auth
        a:for="{{componentData.serviceList.slice(0,2)}}"
        className="pic-item"
        formClass="pic-item-form"
        item="{{item}}"
      >
        <view class="pic-item-top hot-bar-img">
            <image class="pic-img" src="{{item.icon.length ==32 ? imgSrcPrefix + item.icon : item.icon}}" lazy-load="{{false}}"   />
        </view>
        <view class="pic-item-bottom">
          <text class="pic-title" number-of-lines="1">{{item.name}}</text>
        </view>
      </button-auth>
    </view>
  <!-- </form> -->
</view>
