Uniapp注意事项
在Uniapp开发小程序应用中一些要注意的开发事项。
屏蔽版本不一致的弹窗提示
Uniapp框架正常情况都是向下兼容的,但不同版本间会有版本不一致的弹弹窗提示。
这个解决方法由Uniapp官方提供(原文档:https://ask.dcloud.net.cn/article/35627),在manifest.json文件中添加配置:
json
//...
"app-plus": {
//....
"compatible": {
"ignoreVersion": true // true表示忽略版本检查提示框
},
//....
},
//...
tabbar 文字与图标大小的问题
由于Uniapp tabbar的文字默认为10px,图标大小为24px,所以导致用户体验不佳。
这里可以把文字与图标的尺寸设置一下,在pages.json中:
json
//...
"tabBar": {
//....
"height": "60px", // 高度
"iconWidth": "36px", // 图标大小
"fontSize": "16px", // 文字大小
"spacing": "0px", // 文字与图标的间隔
//....
},
//...