<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%;margin:25rpx 0;">
<view class="flex-column-between" style="height:300rpx;flex-wrap:wrap;">
<view class="flex-column-center" style="height:50%;margin:0 49rpx;" data-id="{{item.category_id}}"
data-name="{{item.category_name}}" bindtap="onCategory" wx:for="{{categoryData}}" wx:key="this">
<image class="category_img" src="{{item.image[0].file_path}}"></image>
<view class="category_name">{{item.category_name}}</view>
</view>
</view>
</scroll-view>
效果图:

这是一个关于微信小程序开发的示例,展示如何在滚动视图中以网格形式排列商品分类。每个分类单元格包含商品图片和名称,用户可以通过点击进入详细页面。此代码片段主要涉及前端开发中的小程序组件使用和数据绑定。
1874

被折叠的 条评论
为什么被折叠?



