frontmessageplugin
Version:
前端message组件
60 lines (51 loc) • 1.86 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试</title>
<script type="module" src="https://cdn.jsdelivr.net/npm/webzen-ui/src/component/wz-icon/index.js"></script>
<script src=""></script>
<style>
wz-icon{
font-size: 20px;
}
body{
background: rgb(0, 0, 0);
}
</style>
</head>
<body>
<ul class="notifications_electrolux">
<li class="toast_electrolux info">
<div class="column">
<wz-icon name="solid/circle-info" color="rgb(130,200,250)"></wz-icon>
<!-- <i class="fa-solid fa-circle-info"></i> -->
<span>你1好</span>
</div>
</li>
<li class="toast_electrolux info">
<div class="column">
<wz-icon name="solid/circle-info" color="rgb(130,200,250)"></wz-icon>
<!-- <i class="fa-solid fa-circle-info"></i> -->
<span>你1好</span>
</div>
</li>
</ul>
<button >点我</button>
<script type="module">
// import {createToast} from "https://cdn.jsdelivr.net/npm/frontmessageplugin/messageDark.js"
//背景是白色的时候用
import {createToast} from "./messageLight.js"
document.querySelector("button").addEventListener("click",()=>{
createToast("info","你1好",3000)
createToast("success","你1好",3000)
createToast("error","你1好",3000)
createToast("warning","你1好",3000)
})
</script>
<script>
</script>
</body>
</html>