Lightning Component Overwrite QuickAction

最新推荐文章于 2025-01-15 22:16:01 发布

原创最新推荐文章于 2025-01-15 22:16:01 发布 · 335 阅读

0 ·

CC 4.0 BY-SA版权

css 同时被 2 个专栏收录

4 篇文章

订阅专栏

Lightning Component 入门

2 篇文章

订阅专栏

本文介绍如何通过覆盖默认设置来定制 Salesforce Lightning 快速操作组件的样式与布局，包括实现特定接口、调整 CSS 样式以达到所需的设计效果。

Overwrite QuickAction in Lightning Component

添加implements
implements="force:lightningQuickActionWithoutHeader"

添加tag style

<aura:html tag="style">
	.cuf-content {
	 	padding: 0 0rem !important;
	 }
	 .slds-p-around--medium {
	 	padding: 0rem !important;
	 }
	 .slds-modal__content{
		 overflow-y:hidden !important;
		 height:unset !important;
		 max-height:unset !important;
	 }
 </aura:html>

自定义page layout

<header class="slds-modal__header">
	<h2 class="slds-text-heading_medium slds-hyphenate">Quick Action</h2>
</header>
<div id="body">
	Content
</div>
<footer class="slds-modal__footer slds-modal__footer_directional modal__footer">
 <button class="slds-button slds-button_brand btn-position_right" 
 	onclick="{! c.hideModal }"
    style="float:right; margin-left: 10px;">Close</button>
</footer>