Alert 警告

警告提示,展现需要关注的信息。

何时使用

当某个页面或模块需要向用户展示常驻提示时,此提示不会自动消失,除非用户手动关闭。

以浮层的形式固定在页面顶部,进行全局提示。

类型

默认类提示为主色蓝,其他为警告、成功、错误类型

This is a description

Defult

This is a description

Success

This is a description

Warning

This is a description

Error

尺寸

文字14px,换行高度自适应

This is a description

12px

12px

8px

8px

可配置项

可配置图标、操作按钮、关闭图标、跳转图标,可按需求组合搭配

This is a description

This is a description

This is a description

This is a description

配置图标

This is a description This is a description Action

This is a description This is a description Action

This is a description This is a description Action

This is a description This is a description Action

配置操作按钮

This is a description

配置关闭图标

This is a description

配置跳转图标

超长适配

文案超长换行,背景高度自适应

文案至多显示3行,超过3行显示省略号及展开按钮

This is a description This is a descriptionThis is a description This is a description This is a description This is a description

This is a description This is a descriptionThis is a description This is a description This is a description This is a description

This is a description This is a descriptionThis is a description This is a description This is a description This is a description

This is a description This is a descriptionThis is a description This is a description This is a description This is a description

This is a description This is a descriptionThis is a description This is a description This is a description This is a description....Show more

This is a description This is a descriptionThis is a description This is a description This is a description This is a description This is a description This is a descriptionThis is a description This is a description This is a description Show less

使用场景

页面中的固定提示,位置不固定,根据需求放置

页面顶部的固定提示,固定在标题栏下方,需要有走马灯的效果

场景2:页面顶部的固定提示

场景1:页面中的固定提示

组件高度自适应

组件单独占位,不可遮挡页面其他内容

可配置走马灯效果

To Designer

组件用法

选择组件最外层,可切换标题类型

开关可以控制显示icon、botton、关闭和跳转图标与否



警告
提示框
错误提示
警告框
信息框

DESIGN

中文