一、项目结构


二、设置底部导航栏-tabBar:
目录结构:

pages.json:

效果:


问题:再次切换时候,就不会触发了,说明切换时候没有销毁原来的页面,onload只执行一次,如何解决?
1.加入onTabItemTap钩子:只要是切换tabBar就会执行这个生命周期钩子
输出结果:
2.利用onShow钩子,每次再进去这个页面都会触发onShow钩子

这样我们就可以在切换tabBar的时候利用这两个钩子做数据的重新渲染。
三、项目中使用sass
首先HybuilderX中是不带sass的,需要自己安装:

登录后:点击使用HX导入插件即可

就会自动在HX中安装sass

然后就可以在已安装插件栏中看到:

在组件中要记得在style标签上加上lang= "scss"

最后就可以正常的使用scss书写样式了
原文:https://www.cnblogs.com/haoqiyouyu/p/14829012.html