小程序开发(四)

小程序开发(四)_第1张图片

project.config.json 设置检测收录警告不显示

新建页面:

小程序开发(四)_第2张图片

导航栏:

小程序开发(四)_第3张图片

设置tabbar

小程序开发(四)_第4张图片

js 中定义数据data:

小程序开发(四)_第5张图片

获取轮播图得数据

小程序开发(四)_第6张图片

页面加载时加载:

小程序开发(四)_第7张图片

圆点 循环 wxml

小程序开发(四)_第8张图片

wxss

小程序开发(四)_第9张图片

获取九宫格数据: 方法一致

小程序开发(四)_第10张图片

设置九宫格结构: wxml

小程序开发(四)_第11张图片

wxss

小程序开发(四)_第12张图片

小程序开发(四)_第13张图片

小程序开发(四)_第14张图片

Image :

小程序开发(四)_第15张图片
小程序开发(四)_第16张图片
小程序开发(四)_第17张图片

导航页面 :

声明式:

小程序开发(四)_第18张图片

小程序开发(四)_第19张图片
小程序开发(四)_第20张图片

API方式:

小程序开发(四)_第21张图片
小程序开发(四)_第22张图片
小程序开发(四)_第23张图片
小程序开发(四)_第24张图片

页面传参:

小程序开发(四)_第25张图片
小程序开发(四)_第26张图片
小程序开发(四)_第27张图片

option 传递页面参数

小程序开发(四)_第28张图片

下拉刷新事件:

小程序开发(四)_第29张图片

小程序开发(四)_第30张图片

上拉触底事件:

小程序开发(四)_第31张图片
小程序开发(四)_第32张图片

===

... 拼接

小程序开发(四)_第33张图片

小程序开发(四)_第34张图片

wx.展示隐藏loading

小程序开发(四)_第35张图片

你可能感兴趣的:(小程序,前端)