uniapp微信小程序使用 uview-plus 底部自定义导航栏

原创

已于 2024-03-21 12:40:27 修改 · 1k 阅读

标签

#uni-app #微信小程序 #小程序

收录于

于 2024-03-21 12:37:20 首次发布

uniapp使用 uview-plus 底部导航栏：
参考地址：uniapp使用 uview-plus 底部导航栏(vue3项目)

使用pinia存储数据,vue3，js
创建同pages同级的custom-tab-bar里面包含index文件.(文件命名-微信小程序自定义推荐)

<u-tabbar
  :value="indexStore.activeTab"
  :fixed="true"
  :placeholder="true"
  :safeAreaInsetBottom="true"
  >
  	<u-tabbar-item
      v-for="(item, index) in tabbarItems" :key="index"
      :text="item.text"
      @click="handleClick(item, index)">