【学习任务】完成 Alert 组件
11.1k
等27人参与

题目名称:完成 Alert 组件

编程类型: Typescript

技能点: React,Typescript

题目描述:

完成 Alert 组件,用于页面中展示重要的提示信息。页面中的非浮层元素,不会自动消失。
原型图
1 普通 alert,支持多种主题颜色
alert normal

2 特殊 alert,可以添加内容
alert special
注意:
右边的叉图标先用文字“关闭”代替

功能点要求:
1 点击 关闭 整个元素消失
2 支持四种主题颜色

export type AlertType = ‘success’ |default| ‘danger’ | 'warning’
  • 1
  • 1
代码块
复制 预览
复制成功!
代码块
复制 预览
复制成功!

3 可以包含标题和内容,解释更详细的警告
4 右侧是否显示关闭按钮可配置

我的作业
去发布

登录后即可发布作业,立即

全部作业

alert.tsx 文件,无法输入代码,提示网络错误
图片描述

0
评论
提交于  2024-11-21 00:18:00

登录后即可查看更多作业,立即

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号