支付宝小程序与微信小程序的区别
**
1. 微信小程序:
xx.wxml xx.wcss xx.json xx.js
2.支付宝小程序:
xx.axml xx.acss xx.json xx.js
3.app.json中区别
微信:
`"window": {
"backgroundTextStyle": "light", //下拉背景字体
"navigationBarBackgroundColor": "#d0501f", //导航栏背景颜色
"navigationBarTitleText": "", //导航栏标题文字内容
"navigationBarTextStyle": "white", //导航栏标题文字样式
"enablePullDownRefresh": true, //是否开启下拉刷新
"onReachBottomDistance": 50 //页面上拉触底事件触发时距页面底部距离,单位为px。
},`
"tabBar": {
"selectedColor": "#d0501f", //选中字体颜色
"backgroundColor": "#fff", //背景颜色
"color": "#333", //未选中字体颜色
"list": [
{
"pagePath": "/pages/home/home", //页面路径
"text": "首页", //页面标题
"iconPath": "/pages/images/shouye@2x.png", //未选中图标
"selectedIconPath": "/pages/images/fill@2x.png" //选中图标
},
支付宝:
`"window": {
"defaultTitle": "支付宝", //页面标题
"titleBarColor": "#d05021", //导航栏背景色
"pullRefresh":true, //是否允许下拉刷新 默认false
"allowsBounceVertical": yes, //页面是否支持纵向拽拉超出实际内容。默认 YES
},`
"tabBar": {
"textColor":"#000", //未选中字体颜色
"selectedColor":"#d81e06", //选中的字体颜色
"backgroundColor":"#fff", //背景色
"items": [{
"pagePath": "pages/index/index" , //页面路径
"name": "首页", //页面标题
"icon": "pages/icon/index.png", //为选中图标
"activeIcon": "pages/icon/index_1.png" //选中图标
}
4.事件的区别
*微信*:bind 事件绑定不会阻止冒泡事件向上冒泡,
catch事件绑定可以阻止冒泡事件向上冒泡。
加入以下事件的类型,组成完整事件
![这里写图片描述](https://img-blog.csdn.net/20180629155731482?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Fycm9nYW5jZV9xaQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
*支付宝*:on 事件绑定不会阻止冒泡事件向上冒泡,
catch事件绑定可以阻止冒泡事件向上冒泡。
![这里写图片描述](https://img-blog.csdn.net/20180629160156370?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Fycm9nYW5jZV9xaQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
注意:以上事件都分冒泡事件和非冒泡事件
冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。