一、全局配置–tabBar
1、tabBar底部导航栏
(1)list [] 数组中至少有2项,最多5项,在app.json文件中配置。
(2)在tabBar中添加"selectcolor":“#ccc”, 可修改选中后字体的颜色。
tab页签,对应的页面必须放到最前面
二、小程序-API
1、api的3大分类
(1)通过api,开发者可以方便的调用微信提供的能力,如:获取用户信息,本地存储,支付功能。
(2)api的3大分类:
三、WXML模板语法
1、数据绑定
1.数据绑定的基本原
(1)在data中定义数据
在页面对应的 .js 文件中,把数据定义到data对象中即可;
(2)在WXML中使用数据;
把data中的数据绑定到页面中渲染,使用Mustache语法 {
{}},将变量包起来。
1)绑定内容,绑定属性,三元运算
2)算数运算
关键代码: 在.js文件中:
// 生成一个带两位小数随机数,如:0.34
randomNum2:Math.random().toFixed(2)
2、事件绑定
(1)事件是渲染层(页面)到逻辑层(.js文件)的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。
(2)小程序中常用的事件
(3)事件对象的属性列表
(4)target和currentTarget的区别
一般常用target
(5)bindtap的语法,定义按钮的事件处置函数,事件event可以简写为e
(6)在事件处理函数中为data中的数据赋值
关键代码:// +1按钮的点击事件处理函数,this.setData 赋新值函数,this.data. 旧值函数
CountChange(e) {
this.setData({
count: this.data.count + 1
})
},