1

在此处输入图像描述

在此处输入图像描述

我正在尝试使用社区中的静态资源中的图像使用设计属性，例如 <img src="{!$Resource.DealRegChannelRedDot}"/>

但它不起作用。它显示空白，就像路径不正确

<!-- Component -->
<aura:component implements="forceCommunity:availableForAllPageTypes" access="global">
    <aura:attribute name="showBannerImage" type="boolean" default="" access="global"/>
    <aura:attribute name="bannerImage" type="String" default="" access="global" />
    <div class="container">
        <aura:if isTrue = "{!v.showBannerImage}">
            <aura:unescapedHtml value="{!v.bannerImage}"/>
        </aura:if>
    </div
</aura:component>


<!-- Design -->
<design:component>
    <design:attribute name="showBannerImage" label="Show Banner Image" />
    <design:attribute name="bannerImage" label="Banner Image" />
</design:component>

有没有办法使用静态资源来实现这一点

4

1 回答 1

2

如果您已经在静态资源中上传了图片。设置>静态资源然后您可以访问图像<img src="{!'/sfsites/c/resource/'+YOUR_STATIC_RESOURCE_NAME}"/>

当您尝试Design property使用以下 Lightning 代码访问图像时：

<aura:component implements="forceCommunity:availableForAllPageTypes" access="global">
    <aura:attribute name="showBannerImage" type="boolean" default="" access="global"/>
    <aura:attribute name="bannerImage" type="String" default="" access="global" />
    <div class="container">
        <aura:if isTrue = "{!v.showBannerImage}">
            <img src="{!'/sfsites/c/resource/'+v.bannerImage}" style="width: 100%;" />
        </aura:if>
    </div
</aura:component>

你的闪电设计看起来会一样

<design:component>
    <design:attribute name="showBannerImage" label="Show Banner Image" />
    <design:attribute name="bannerImage" label="Banner Image" />
</design:component>

现在您只需在showBannerImage属性中调用您的静态资源名称。例如，如果您的静态资源名称是，imageResource那么您只需简单地调用此名称community lightning page attribute.

PS如果我的回答可以帮助您解决问题，请将其标记为最佳答案。它将帮助其他人找到最佳答案。

于 2020-01-28T10:52:34.530 回答