<view class="pic-list" a:if="{{componentData && componentData.serviceList && componentData.serviceList.length}}">
  <service-title
    imgSrcPrefix="{{imgSrcPrefix}}"
    componentData="{{componentData}}"/>
  <view class="styleType-one pic" a:if="{{+componentData.componentExtInfo.styleType === 1}}">
    <button-auth
      a:for="{{componentData.serviceList}}"
      formClass="pic-item-form"
      className="pic-item"
      item="{{item}}"
      style="{{
        item.extInfo.backgroundUrl ?
        `backgroundImage: url(${ item.extInfo.backgroundUrl.length == 32 ? imgSrcPrefix + item.extInfo.backgroundUrl : item.extInfo.backgroundUrl})` :
        `backgroundColor: #f8f8f8`}}"
    >
      <view class="pic-item-top pic-list-img">
        <image class="pic-img" src="{{ item.icon.length == 32 ? imgSrcPrefix + item.icon :  item.icon}}" lazy-load="{{false}}"  />
      </view>
      <view class="pic-item-bottom pic-list-title">
        <text
          class="pic-title"
          number-of-lines="1"
          style="color: {{item.extInfo.backgroundUrl && item.extInfo.textcolor || '#333'}}">{{item.name}}</text>
        <text
          class="pic-desc"
          a:if="{{item.serviceDesc}}"
          number-of-lines="1"
          style="color: {{item.extInfo.backgroundUrl && item.extInfo.textcolor || '#999'}}">{{item.serviceDesc}}</text>
      </view>
    </button-auth>
  </view>
  <view class="styleType-two pic" a:else>
    <button-auth
      a:for="{{componentData.serviceList}}"
      className="pic-item"
      formClass="pic-item-form"
      item="{{item}}"
      style="{{
        item.extInfo.backgroundUrl ?
        `backgroundImage: url(${ item.extInfo.backgroundUrl.length == 32 ? imgSrcPrefix + item.extInfo.backgroundUrl : item.extInfo.backgroundUrl})` :
        `backgroundColor: #f8f8f8`}}"
    >
      <view class="pic-item-top pic-list-title">
        <text
          class="pic-title"
          style="color: {{item.extInfo.backgroundUrl && item.extInfo.textcolor || '#333'}}"
          number-of-lines="1">{{item.name}}</text>
        <text
          class="pic-desc"
          a:if="{{item.serviceDesc}}"
          style="color: {{item.extInfo.backgroundUrl && item.extInfo.textcolor || '#999'}}"
            number-of-lines="1">{{item.serviceDesc}}</text>
      </view>
      <view class="pic-item-bottom pic-list-img">
        <image class="pic-img" src="{{item.icon.length == 32 ? imgSrcPrefix + item.icon : item.icon}}" lazy-load="{{false}}"   />
      </view>
    </button-auth>
  </view>
</view>
