Thanks to visit codestin.com
Credit goes to github.com

Skip to content

动态转换svg链接为svg接点,导致样式异常的问题 #11503

@ranwawa

Description

@ranwawa

描述问题:

更新前:
image

更新后:
image

截图或视频:

可以的话,尽可能提供截图或视频来补充描述你的问题...

如何复现(请务必完整填写下面内容):

{
  "type": "page",
  "className": "productDetail",
  "body": [
    {
      "type": "button",
      "label": "产品管理",
      "className": "search-form-grid-button-submit",
      "level": "primary",
      "icon": "https://zmnoss-mini.oss-cn-beijing.aliyuncs.com/icon/amis/search.svg"
    }
  ]
}

问题分析

12-27号支持,icon组件将svg链接转换成dom节点进行渲染.
而amis-ui/scss/base/_noremallize.scss中svg.icon属性配置为fill: currentColor
导致本身没有填充色的svg,变成了填充白色,引起样式冲突

ps

是出于什么需求,要将svg通过ajax方式下载下来重新渲染?理解背后的需求以便修复这个问题

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions