<!--pages/find/find.wxml--> <view class="find-container"> <view class="find-main"> <view wx:for="{{list}}" wx:key="*this" data-pro="{{item}}" bindtap="jumpDetail" class="find-item"> <image src="{{item.pic}}" class="find-cover"></image> <text class="find-title">{{item.title}}</text> </view> </view> </view>
时间: 2023-08-05 17:10:50 浏览: 148
微信小程序 scroll-view 水平滚动实现过程解析
这是一个小程序的发现页模板,其中包含一个发现页的容器和一个主要内容区域。在内容区域中,通过`wx:for`循环遍历一个名为`list`的数组,数组中的每个元素被称为`item`。对于每个`item`,创建一个`find-item`的视图,并将`item`数据传递给该视图。在每个`find-item`视图中,有一个图片和一个标题,分别使用`item.pic`和`item.title`进行数据绑定。当点击`find-item`视图时,会触发名为`jumpDetail`的事件。你可以根据需要修改数组数据、图片路径、标题等内容。
阅读全文