search

jdf2e / nutui-react

京东风格的移动端 React 组件库 、支持多端小程序(A React UI Toolkit for Mobile Web)
https://nutui.jd.com/react/
861 stars 252 forks source link

Iconfont 设置 name 为图片地址时，修改颜色不生效 #2333

Open zhangminggeek opened 3 months ago

zhangminggeek commented 3 months ago

NutUI React 包名

@nutui/nutui-react-taro

NutUI React 版本号

2.6.8

平台

weapp

重现链接

https://codesandbox.io/p/sandbox/nutui-react-2x-demo-fg4vxd?file=/src/App.tsx

重现步骤

<IconFont
  size="40"
  name="https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png"
  color="#123456"
/>

期望的结果是什么？

能正确修改图标颜色

实际的结果是什么？

图标颜色修改不生效

环境信息

No response

其他补充信息

No response

Alex-huxiyang commented 3 months ago

链接的使用方式是img标签的形式呈现，因此设置color本身不会对img生效。

zhangminggeek commented 3 months ago

链接的使用方式是img标签的形式呈现，因此设置color本身不会对img生效。

可以和其他 icon 一样使用 text 背景的方式吗，如果是 image 的话无法修改颜色了，使用外部 icon 很不方便

oasis-cloud commented 3 months ago

链接的使用方式是img标签的形式呈现，因此设置color本身不会对img生效。

可以和其他 icon 一样使用 text 背景的方式吗，如果是 image 的话无法修改颜色了，使用外部 icon 很不方便

可以通过外部字体 Icon 来使用 icon 组件，使用图片是一个单独的功能。

zhangminggeek commented 3 months ago

链接的使用方式是img标签的形式呈现，因此设置color本身不会对img生效。

可以和其他 icon 一样使用 text 背景的方式吗，如果是 image 的话无法修改颜色了，使用外部 icon 很不方便

可以通过外部字体 Icon 来使用 icon 组件，使用图片是一个单独的功能。

如果是图片的话统一使用 Image 不好吗