福运通网络营销与深圳SEO优化第一品牌

专为中小企业提供网络营销服务
最新资讯

微信小程序实战教程:每日看腿(附前端,服务端demo)

    Time: 2020-08-01来源:福运通
 

功能

 

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>

深圳SEO:http://www.tianying888.com

关键词:微信,程序,实战,教程,每日,看腿,前端,服务,demo