Как задать путь к изображению из ресурса Stati c в сообществе с помощью атрибута дизайна - PullRequest
Новая
       99

Как задать путь к изображению из ресурса Stati c в сообществе с помощью атрибута дизайна

1 голос
/ 24 января 2020

enter image description here

enter image description here

Я пытаюсь использовать изображение из ресурса Stati c в Сообществе с использованием атрибута дизайна как <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>

есть ли способ добиться этого с помощью stati c resource

1 Ответ

1 голос
/ 28 января 2020

Если вы уже загружаете изображение в ресурсы c. setup> stati c ресурсы, затем вы можете получить доступ к изображению, например <img src="{!'/sfsites/c/resource/'+YOUR_STATIC_RESOURCE_NAME}"/>

, так как вы пытаетесь получить доступ к изображению с помощью Design property, который вы можете использовать ниже Код молнии: 

<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>

и ваш Lightning Design будет выглядеть так же 

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

Теперь вам просто нужно назвать ваше Stati c Имя ресурса в showBannerImage свойстве. например, если ваше имя ресурса stati c равно imageResource, вам просто нужно назвать это имя просто в community lightning page attribute.

PS Если мой ответ поможет вам решить вашу проблему, отметьте его как лучший ответ. Это поможет другим найти лучший ответ.

...