vue-devui icon indicating copy to clipboard operation
vue-devui copied to clipboard

🐛 [Bug]: Button图标组件不显示图标

Open kagol opened this issue 3 years ago • 2 comments

Version

latest

Vue Version

latest

Link to minimal reproduction

目前vue-devui组件库依赖于devui-icons图标库,会导致不引入图标库的情况下,图标不显示

Step to reproduce

  • 创建一个vite工程
  • 引入vue-devui组件库
  • 直接使用<d-button icon="filter">Filter</d-button>,按钮前面的图标未显示

What is expected

应该显示图标

What is actually happening

没有显示图标

Any additional comments (optional)

No response

kagol avatar Apr 16 '22 03:04 kagol

需要引入图标库,

npm i @devui-design/icons

在main.ts 内安装

import '@devui-design/icons/icomoon/devui-icon.css'

官方操作: https://devui.design/icon/ruleResource#usage

ututuut avatar Apr 18 '22 01:04 ututuut

不引入图标库,很多待图标的组件显示不出来图标确实是个通用的问题,后续考虑组件内部的图标使用svg图标,这样就不用依赖图标库,而且能使用devui的主题变量

kagol avatar Apr 25 '22 06:04 kagol