gpt4 book ai didi

css - 将 CSS 作为静态资源加载到闪电组件中?

转载 作者:太空宇宙 更新时间:2023-11-03 17:29:07 26 4
gpt4 key购买 nike

我从今天上午的网络研讨会中获得了 Salesforce 设计系统试点。我将包(作为“sds.zip”)作为静态资源上传。我正在调用 CSS(紧跟在 .cmp 文件中的“”之后):

<link href='/resource/sds/index.scss' rel="stylesheet"/>

但是当我尝试保存时出现错误:

Failed to save undefined: No COMPONENT named markup://use found : [markup://c:contactList]: Source

我认为“使用”错误是对该代码块的引用,它位于 .cmp 文件的后面:

<svg aria-hidden="true" class="icon icon--large icon-standard-user">
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#user" />
</svg>

我假设我导入的 CSS 不正确,正确的方法是什么?

最佳答案

您正在正确导入 CSS。这就是从 Lightning 组件内部执行此操作的方法。从 Visualforce 页面内部,您可以执行 <apex:stylesheet value="{!URLFOR($Resource.sds, '/resource/sds/index.css')}" /> .

问题不是 CSS 导入而是 VF 不理解 usesvg组件内的标签。为了让 Visualforce 正确解析标签,您需要通过添加行 <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 来声明命名空间。 , 末尾有匹配的结束标记。如果你只是把它放在 VF 中,并且你使用的是 svg,这很好用。 VF 中的标记。

但是,如果您将 svg Lightning 组件内的标签,您需要为其创建一个单独的 svg 组件,如本 tutorial 中所述.

关于css - 将 CSS 作为静态资源加载到闪电组件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30920427/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com