uniapp自定义底部导航栏(非必要不建议使用)

一,将pages.json中的tabbar改为如下
即,只保留路径

"tabBar": {
   
    "color": "#333",
    "selectedColor": "#EB3477",
    "backgroundColor": "#fff",
    "borderStyle": "black",
    "list": [
      {
   
        "pagePath": "pages/index/index"
      },
      {
   
        "pagePath": "pages/find/find"
      },
      {
   
        "pagePath": "pages/discount/discount"
      },
      {
   
        "pagePath": "pages/about/about"
      }
    ]
  }

二,在需要展示tabbar页面中添加

<template>
  <div class=