一、效果展示
![](https://img.haomeiwen.com/i22774661/fb77a496e89ce9da.png)
使用示例代码:
![](https://img.haomeiwen.com/i22774661/03f6d1a1a9c39841.png)
二、功能要求:
![](https://img.haomeiwen.com/i22774661/2e112aef9b15bdda.png)
补充一个功能,点击关闭按钮时可触发相应事件:
这个功能只需要传一个回调函数进去即可,点击关闭按钮时执行
![](https://img.haomeiwen.com/i22774661/6bdd83fb6ba210ee.png)
![](https://img.haomeiwen.com/i22774661/5b323b3fa68b9e32.png)
三、关键点
这里的Alert组件主要分为四类,success/default/danger/warning
这里只需要给他们设置不同类名和背景颜色即可
![](https://img.haomeiwen.com/i22774661/b523c482b51e5922.png)
四、代码:
![](https://img.haomeiwen.com/i22774661/c22e1587d7aef371.png)
![](https://img.haomeiwen.com/i22774661/e2f27cca4eaf34dc.png)
使用示例代码:
补充一个功能,点击关闭按钮时可触发相应事件:
这个功能只需要传一个回调函数进去即可,点击关闭按钮时执行
这里的Alert组件主要分为四类,success/default/danger/warning
这里只需要给他们设置不同类名和背景颜色即可
本文标题:组件库启航-Alert组件
本文链接:https://www.haomeiwen.com/subject/oejykktx.html
网友评论