mpvue 自定义tabbar

最近遇到一个需求

咋眼一看  跟我们所希望的 相差甚远啊  咋办呢
 

看官方api,有个cunstom属性 自定义  但是对于原生组件   心好虚啊
 

能不能另辟蹊径  用自定义组件呢   辣么原生的咋办呢
 

当然 是 才有原生的cover-image 做条件控制  把原生的toast   给隐藏 不展示   wx.hideToast() 一直到底了

// tabBar.vue  








当然了, app.json  tabbar  改定义的 还是得定义   组件也是运用于 tabbar 的list
 

vue  组件模式插入
  

很容易实现了  但是呢 样式肯定要根据页面调整的

但 cover-view 坑肯定是有的 局限性大  还是希望微信小程序继续改良 

效果展示:


有所出入  主要是cover-view  局限  定位 也不能超出

你可能感兴趣的:(JS,vue,小程序,tools,微信)