marking
/
WGShare.Client.Wx
19
0
Fork 0
Code Pull Requests Actions Releases 2 Activity
WGShare.Client.Wx/miniprogram_npm/tdesign-miniprogram/message
History
yj dd589f646c 初始化 2024-11-20 17:29:49 +08:00
..
README.en-US.md 初始化 2024-11-20 17:29:49 +08:00
README.md 初始化 2024-11-20 17:29:49 +08:00
index.d.ts Initial Commit 2024-11-11 14:16:29 +08:00
index.js 初始化 2024-11-20 17:29:49 +08:00
message.d.ts 初始化 2024-11-20 17:29:49 +08:00
message.interface.d.ts 初始化 2024-11-20 17:29:49 +08:00
message.interface.js Initial Commit 2024-11-11 14:16:29 +08:00
message.js 初始化 2024-11-20 17:29:49 +08:00
message.json 初始化 2024-11-20 17:29:49 +08:00
message.wxml 初始化 2024-11-20 17:29:49 +08:00
message.wxss 初始化 2024-11-20 17:29:49 +08:00
props.d.ts Initial Commit 2024-11-11 14:16:29 +08:00
props.js 初始化 2024-11-20 17:29:49 +08:00
type.d.ts 初始化 2024-11-20 17:29:49 +08:00
type.js Initial Commit 2024-11-11 14:16:29 +08:00

README.en-US.md

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