search

jdf2e / nutui

京东风格的移动端 Vue 组件库，支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
https://nutui.jd.com
MIT License
6.17k stars 835 forks source link

[bug] Tabbar的默认icon不显示 #1002

Closed HUAzd closed 2 years ago

HUAzd commented 2 years ago

问题描述

image Tabbar的默认icon不显示，使用vue3+vite+ts，开发的是h5

复现步骤，具体代码

<template>
  <Tabbar>
    <TabbarItem tab-title="首页" icon="home" />
    <TabbarItem tab-title="分类" icon="category" />
    <TabbarItem tab-title="发现" icon="find" />
  </Tabbar>
</template>
<script setup lang="ts">
import { Tabbar, TabbarItem } from '@nutui/nutui'
</script>

根据官方文档配置vite按需引入

相关环境信息

HUAzd commented 2 years ago

问题解决了，我是这样解决的： 首先我是在要使用Tabbar的组件内部按需引入Tabbar，然后在main.ts入口文件里面引入并注册Icon组件，这样才解决。 请问这样使用是不是不太合理呀？