组件介绍
一个简单的气泡消息提示库,仅 3kb
仿 Element-ui Message 组件,由于我特别喜欢这个组件,但奈何它只能应用于 Vue.js,于是就用原生 js 仿造了一个,不敢说 100% 一样,但起码得有 90% 的相似度。
效果展示
https://lete114.github.io/msg-alert
使用方法
<script src="https://cdn.jsdelivr.net/npm/msg-alert"></script>
建议还是下载到本地,以免jsdelivr抽风访问不了
<script>
// 默认 等价 message({type:'info',text:'这是一个段落'})
message('这是一个段落')
message.info('这是一个段落')
// 成功 等价 message({type:'success',text:'success'})
message.success('success')
// 警告 等价 message({type:'warn',text:'warn'})
message.warn('warn')
// 错误 等价 message({type:'error',text:'error'})
message.error('error')
</script>
评论 (0)