最近使用uniapp开发app应用时遇到一个需求，app底部tabbar的高度和字体图标大小都是固定的，当在平板或高分辨率的设备上tabbar的高度和字体大小都显得很小了，虽然可以在pages.json中配置高度和字体大小，但只能静态设置无法动态改变。这样很不符合需求，无法通过在代码中判断设备和分辨率去自适应tabbar高度。如果去自定义tabbar栏吧，好像自定义tabbar的性能不咋地，在网上找了好久，都是在说改文字和图标与背景颜色的，并没有改变高度和字体大小的，后来猛然想到好像可以通过plus去绘制，试了一下果然可行，可以完美改变样式并且避开自定义的性能问题，话不多说上代码。
/**
** 封装一个definedTabbar函数；方便调用
** 参数说明:{
** --screenWidth:number 屏幕宽度；通过uni的api直接获取
** --height:number 配置的tabbar高度
** --tabSize:number 配置的字体大小
** --imgSize:number 配置的图标大小
** --spacing:number 文字和图标直接的间隔
** --tabbarConfig:object tabbar配置；直接将pages.json中配置的tabbar复制过来
** }
*/
definedTabbar(obj){
//1.创建变量方便后面使用
var screenWidth=obj.screenWidth;
var height=obj.height;
var tabSize=obj.tabSize;
var imgSize=obj.imgSize;
var spacing=obj.spacing;
var tabbarConfig=obj.tabb