功能
1.列表
了解css3的同学,简直就没有难度.
1.结构简单, 需要一个scroll-view作为滚动视图,使用这个是为了它自带的下拉刷新与上拉更多,小程序在这里封装的很简单,直接绑定相应的事件即可实现一个基本的列表功能.
2.scroll-view下使用一个大的view来作为列表,使用css3中的flex实现两列布局.
3.最内层vciew包裹image使用小程序提供的for循环功能渲染并绑定给image绑定相应的点击事件.
-
<!--index.wxml-->
-
<view class="container">
-
<scroll-view class="container_wrap" scroll-y="true" bindscrolltoupper="upper" bindscrolltolower="lower">
-
<view class="listview">
-
<view class="thumbnail" wx:for="{{collections}}">
-
<image mode="scaleToFill" src="{{collections[index].thumbnail}}" bindtap="previewImage"></image>
-
</view>
|
