uni-app

1.uni-app的优势

• 跨平台更多，真正做到一套代码多端发行，支持原生代码混写和原生sdk集成。

• 运行体验更好。组件、api与微信小程序一致，兼容weex原生渲染。

• 通用技术栈，学习成本更低。Vue的语法，微信小程序的api，对于前端开发人员来说更容易上手。

• 开放生态，组件更丰富。支持通过npm安装第三方包；支持微信小程序自定义组件及sdk；兼容mpvue组件及项目；app端支持与原生混合

2.配置tabbar

在 pages.json 中配置

color           tab 上的文字默认颜色     
selectedColor           tab 上的文字选中时的颜色     
backgroundColor           tab 的背景色     
borderStyle        black    tabbar 上边框的颜色，可选值 black/white   
blurEffect      none    iOS 高斯模糊效果，可选值 dark/extralight/light/none（
list    Array        tab 的列表，详见 list 属性说明，最少2个、最多5个 tab     
position        bottom    可选值 bottom、top    top 值仅微信小程序支持
fontSize        10px    文字默认大小    
iconWidth        24px    图标默认宽度（高度等比例缩放）  
spacing       3px    图标和文字的间距