vuesax实现右下角通知弹出效果代码
代码语言:html
所属分类:弹出层
代码描述:vuesax实现右下角通知弹出效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/vuesax.2.0.25.css"> <style> #app { display: flex; align-items: center; justify-content: center; position: fixed; height: 100%; width: 100%; } </style> </head> <body > <div id="app"> <vs-button @click="vsNoti('Lorem ipsum dolor sit amet, consectetur','white')" vs-type="primary-border">Notificacion white</vs-button> <vs-button @click="vsNoti('Lorem ipsum dolor sit amet, consectetur','primary')" vs-type="primary-flat">Notificacion Primary</vs-button> <vs-button @click="vsNoti('Lorem ipsum dolor sit amet, consectetur','success')" vs-type="success-flat">Notificacion Success</vs-button> <vs-button @click="vsNoti('Lorem ipsum dolor sit amet, consectetur','danger')" vs-type="danger-flat">Notificacion Danger</vs-button&.........完整代码请登录后点击上方下载按钮下载查看
网友评论0