微信小程序–分类导航

微信小程序–分类导航

UI直接给整个图片：里面包含文字和对应的分类导航图片

<!-- 导航 -->
  <view class="index_cate">
    <navigator wx:for="{{cateList}}" wx:key="name">
      <image src="{{item.image_src}}" mode="widthFix" lazy-load="true" />
    </navigator>
  </view>

// 导航
.index_cate{
  display: flex;
  navigator{
    padding: 20rpx;
    flex: 1;
    image{
      width: 100%;
    }
  }
}