pangao1990 / PPX

基于Python和JavaScript,一键生成macOS、Windows和Linux平台客户端应用程序
https://blog.pangao.vip/docs-ppx/
GNU Affero General Public License v3.0
232 stars 39 forks source link

icon问题(element-plus) #23

Closed cddldg closed 1 year ago

cddldg commented 1 year ago

app.component(ele-${key}, component) 换成 app.component(key, component)

这样图标才会正常显示

pangao1990 commented 1 year ago

你好,这里将Element-Plus的Icon组件注册为 app.component('ele-${key}', component) ,是为了与第三方图标库作区分。 第三方组件使用 icon- 作为前缀,Element官方Icon使用 ele- 作为前缀,以免混淆干扰。

iShot_2023-07-21_21 55 28

这里,我写的SvgIcon组件可以兼容第三方Icon和Element官方Icon。详情可以查看 gui/src/components/SvgIcon/index.vue 组件。

也可以查看相关示例 gui/src/components/BtnUpdate.vue

image

当然了,你那种写法也是对的,Element官方示例就是那么写的。如果你想使用其他第三方图标,也是可以再自己新建组件的。

cddldg commented 1 year ago

好的,感谢回单菜鸟提问