nutui-react icon indicating copy to clipboard operation
nutui-react copied to clipboard

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

Open zhangminggeek opened this issue 1 year ago • 4 comments

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

zhangminggeek avatar Jun 07 '24 09:06 zhangminggeek

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

Miles-hxy avatar Jun 07 '24 10:06 Miles-hxy

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

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

zhangminggeek avatar Jun 07 '24 10:06 zhangminggeek

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

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

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

oasis-cloud avatar Jun 12 '24 02:06 oasis-cloud

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

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

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

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

zhangminggeek avatar Jun 13 '24 07:06 zhangminggeek