[taro] 记录使用taro开发微信小程序和h5

756 阅读1分钟

最近在做一个小程序,考虑到将来可能会上抖音或者其他平台,便决定使用taro来开发了

遇到的第一个问题便是自定义tabbar

一开始想偷懒直接用nutui的nut-tabbar组件来做,发现问题还挺多的或者说实现不了,遂去看taro官网的方案 微信小程序自定义 Tabbar | Taro 文档 (jd.com)

一开始还纳闷为什么要使用 custom-tab-bar 这个名字,后来看也就是约定配置,便不再去计较 此时就遇到一个问题,为什么配置要写两个地方呢

  • app.config.js
  • custom-tab-bar/index.vue

app.config.js对应的是tabbar的页面切换功能, 类似控制器 index.vue对应的是tabbar的样式 类似component

如果不对应, 要么不显示, 要么无法跳转 这里要提一下为了开发方便我是连着h5一起做的, 将来也是有计划做成移动端h5版本的

同时 app.config.js 对应的是app.json中的配置