uniapp tabbar图标

UniApp 是一款基于 Vue.js 的跨平台 UI 开发框架，它允许开发者使用一套代码构建原生应用并运行在多个平台上，如 iOS、Android、Web等。TabBar 是 UniApp 中的一个重要组件，用于展示应用的主要导航选项，通常包含一组底部标签，用户可以通过这些标签快速切换页面。

关于 TabBar 图标，它主要有以下几个方面：

1. **设置方法**：在 UniApp 中，你可以通过 Vue 的 `<tab-bar>` 组件来创建和配置 TabBar。在组件的属性中，`item-list` 属性用来定义各个标签项，每个项包含 `text`（文字标题）、`icon`（图标路径或图标组件）以及对应的页面路径。

   <tab-bar :item-list="tabBarItems">
     <tab-item icon="/path/to/icon1.png" text="首页" url="/pages/home/home"></tab-item>
   </tab-bar>

2. **图标类型**：图标可以是静态的图片资源（`.png`、`.jpg` 等），也可以是动态加载的图标组件，甚至是通过 Font Awesome 或其他图标库提供的矢量图标。

3. **尺寸与状态**：uni-app 提供了不同尺寸的 TabBar 图标，如 `small`、`middle` 和 `large`，可以根据设计需求选择。此外，图标还可以根据当前选中的状态显示不同的样式，比如高亮或加边框等。

4. **自定义样式**：如果你想更精细地控制图标，可以使用 CSS 或者 `style` 属性来自定义 TabBar 和其图标的样式。