Skip to content

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", // 文字与图标的间隔
    //....  
},  
//...