<view class="equal-division-bars" a:if="{{componentData && componentData.serviceList && componentData.serviceList.length}}">
  <view class="icon-type">
    <!-- 标题 -->
    <service-title
      imgSrcPrefix="{{imgSrcPrefix}}"
      componentData="{{componentData}}"/>
    <!-- 服务列表 -->
    <view class="service-market-icon">
      <view class="service-content">
        <view 
          a:for="{{badgeList}}"
          style="width: {{100 / (componentData.componentExtInfo.lineNum || defaultColumn)}}%;"
        >
          <button-auth 
            className="service-item
              {{(componentData.componentExtInfo.place === 'LR' && componentData.componentExtInfo.lineNum === '1') ? 'border_1px_after' : ''}}
              {{componentData.componentExtInfo.place === 'LR' ? 'service-item-lr': componentData.componentExtInfo.alignStyle === 'left' ? 'align-left':''}}" 
            item="{{item}}"
            a:if="{{index < (componentData.componentExtInfo.maxNum || maxNum)}}"
            >
            <view class="service-icon-box" style="width: {{componentData.componentExtInfo.logoSize}}%;">
              <image
                class="service-icon"
                lazy-load="{{false}}" 
                mode="widthFix"
                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>
            <view class="service-title-section">
              <view class="service-name" style="color: {{componentData.componentExtInfo.textColor}}; font-size: {{componentData.componentExtInfo.textFontSize}}px;">{{item.name}}</view>
              <view class="service-desc" style="color: {{componentData.componentExtInfo.backupTextColor}}; font-size: {{componentData.componentExtInfo.backupTextFontSize}}px;">{{item.serviceDesc}}</view>
            </view>            
            <view a:if="{{ componentData.componentExtInfo.place === 'LR' && componentData.componentExtInfo.lineNum === '1' }}"><am-icon type="right" color="#cccccc" /></view>
          </button-auth>
        </view>
      </view>
    </view>
  </view>
</view>