index.wxml

<view class="ranking-list__wrapper" style="margin: {{datas.componentData.margin[0]*2}}rpx {{datas.componentData.margin[1]*2}}rpx;border-radius: {{datas.componentData.borderRadius}}rpx;background-color:{{datas.componentData.backgroundColor}}">
  <view class="flex ranking-list__title">
    <view class="ranking-title__left" wx:if="{{rankingInfoA.checked}}">{{ rankingInfoA.title }}</view>
    <view class="ranking-title__right" wx:if="{{rankingInfoB.checked}}">{{ rankingInfoB.title }}</view>
  </view>
  <view class="ranking-list__content">
    <block wx:for="{{rankingList}}">
        <view class="flex list-item" bindtap="handleItemClick" data-item="{{item}}">
          <image class="image" mode="aspectFill" src="{{item.productImgUrl}}" />
          <view class="content line-clamp1">{{ item.productName }}</view>
          <view class="price">¥{{ item.minPrice }}</view>
        </view>
    </block>
  </view>
</view>