涂煌豪
2022-04-19 7ee2437b006cfc30e940cfb1711bf42f2ca3553d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<aura:component implements="flexipage:availableForAllPageTypes"
                access="global">
 
    <aura:attribute name="fullScreen" type="Boolean" default="false"/>
    <aura:attribute name="animations" type="Boolean" default="true"/>
    <aura:attribute name="slides" type="Object[]"/>
 
    <aura:handler name="init" value="{!this}" action="{!c.doInit}" />
 
    <lightning:card iconName="utility:image" title="Picture Gallery">
        <aura:set attribute="actions">
            <lightning:buttonIcon onclick="{!c.fullScreen}" size="large" iconName="utility:expand" />
        </aura:set>
        <c:PictureCarousel slides="{!v.slides}"/>
        <aura:if isTrue="{!v.fullScreen==true}">
            <div role="dialog" tabindex="-1" aria-labelledby="header43" class="slds-modal slds-fade-in-open">
                <div class="slds-modal__container">
                    <c:PictureCarousel slides="{!v.slides}"/>
                </div>
                
                <div class="btn slds-modal__close close x-large">
                    <lightning:buttonIcon variant="border-filled" onclick="{!c.closeDialog}" size="large" iconName="utility:close" />
                </div>
                
            </div>
            <div class="slds-backdrop slds-backdrop--open"></div>
        </aura:if>
    </lightning:card>
 
</aura:component>