一、tabBar
1.1 list中，第一条是主页，不然显示不了tabBar;
1.2 list中至少有2条，最多有5条；
1.3 默认颜色用“color”，被选中的颜色用“selectedColor”
"tabBar": { "selectedColor": "#42B983", "list": [{ "pagePath": "pages/search/search", "text": "查询", "iconPath": "images/search.png", "selectedIconPath": "images/search-active.png" }, { "pagePath": "pages/base/base", "text": "个人", "iconPath": "images/companion.png", "selectedIconPath": "images/companion-active.png" }] }
二、循环数组
wxml:
使用wx:for之后，需要加入wx:key='{{index}}'来指定下标
如：
<view wx:for='{{list}}' wx:key='{{index}}'>
姓名：{{item.name}}，年龄：{{item.age}}
</view>
js:
1. pageData.forpageData.forEach(function(item, index){ console.log(item); //这里的item就是从数组里拿出来的每一个每一组 that.setData({ id: item.id, title: item.title }) })
三、像素单位
rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。
四、引入文件
引入CSS样式文件的格式：@import '../../style/common.wxss';
引入WXML文件的格式：<include src="******.wxml"/>
第三方组件库推荐：WeUI、iView Weapp、Vant Weapp
五、JS交互
5.1 点击事件使用bindtap
例如
wxml：<button size='mini' bindtap='addOne'>点我加1</button>
js：如果改变data里面的值，需要使用setData
addOne: function(){ this.setData({ count: this.data.count + 1 }) },
5.2 防止事件传播
如图，蓝色区域是红色区域的子元素；
我们希望点击子元素的时候，避免触发父元素的点击事件
这时候，可以使用catchTap来绑定点击事件：
1. <view class<view class='father' catchtap='ontapFather'> <view class='child' catchtap='ontapChild'></view> </view>
5.3 自定义属性
使用data- 自定义属性
比如自定义id：data-id='1111'
取值：e.currentTarget.dataset.id
6.跳转页面
js：
wx.switchTab({ url: '../../pages/soup/soup' })
7.跳转小程序
app.js
"navigateToMiniProgramAppIdList": [ "" ],
wxml：
<navigator target="miniProgram" open-type="navigate" app-id="xxxxx" path="" extra-data=""
