weixin_36724538的博客

父页面 wxml json “usingComponents”: { “TabBar”: “/components/TabBar/TabBar” }, js Page({ data: { msg: ‘’, loading: false, count: 0, }, checkTab() { this.triggerEvent(‘goTo’, app.globalData.tabId) } } 子页面 wxml {{item.name}} wxss .footer-tab{ width: 100%

index.scss index.wpy js

创建一个tabBar文件 tabBar.wxml tabBar.wxss .tab-bar { position: fixed; bottom: 0; left: 0; right: 0; height: 48px; background: white; display: flex; padding-bottom: env(safe-area-inset-bottom); } .tab-bar-border { background-color: rgba(0, 0, 0, 0.33); position