HuajisheTools/HuajisheCheckChaoXing/miniprogram_npm/tdesign-miniprogram/message

:: BASE_DOC ::

API

Message Props

name	type	default	description	required
style	Object	-	CSS(Cascading Style Sheets)	N
custom-style	Object	-	CSS(Cascading Style Sheets)，used to set style on virtual component	N
action	String / Slot	-	deprecated。operation。see more ts definition	N
align	String	left	options: left/center。Typescript：MessageAlignType type MessageAlignType = 'left' | 'center'。see more ts definition	N
close-btn	String / Boolean / Object / Slot	false	see more ts definition	N
content	String / Slot	-	see more ts definition	N
duration	Number	3000	-	N
gap	String / Number / Boolean	12	-	N
icon	String / Boolean / Object / Slot	true	see more ts definition	N
link	String / Object / Slot	-	see more ts definition	N
marquee	Boolean / Object	false	Typescript：boolean | MessageMarquee interface MessageMarquee { speed?: number; loop?: number; delay?: number }。see more ts definition	N
offset	Array	-	Typescript：Array<string | number>	N
single	Boolean	true	-	N
theme	String	info	options: info/success/warning/error。Typescript：MessageThemeList type MessageThemeList = 'info' | 'success' | 'warning' | 'error'。see more ts definition	N
visible	Boolean	false	-	N
default-visible	Boolean	undefined	uncontrolled property	N
z-index	Number	15000	-	N

Message Events

name	params	description
action-btn-click	-	-
close-btn-click	-	-
duration-end	-	-
link-click	-	-

Message External Classes

className	Description
t-class	-
t-class-close-btn	-
t-class-content	-
t-class-icon	-
t-class-link	-

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name	Default Value	Description
--td-message-bg-color	@bg-color-container	-
--td-message-border-radius	@radius-default	-
--td-message-box-shadow	@shadow-4	-
--td-message-close-icon-color	@font-gray-3	-
--td-message-content-font-color	@font-gray-1	-
--td-message-error-color	@error-color	-
--td-message-info-color	@brand-color	-
--td-message-success-color	@success-color	-
--td-message-warning-color	@warning-color	-