https://muse-ui.org/#/zh-CN/installation
<link rel="stylesheet" href="https://unpkg.com/muse-ui/dist/muse-ui.css">
<script src="https://unpkg.com/muse-ui/dist/muse-ui.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">
成功案例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="https://unpkg.com/muse-ui/dist/muse-ui.css">
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css"> -->
<style type="text/css">
/* * {
margin: 0;
padding: 0;
}
*/
.alert-demo-wrapper {
width: 100%;
}
.alert-demo-wrapper .mu-alert {
margin-bottom: 16px;
}
.alert-demo-wrapper .mu-alert:last-child {
margin-bottom: 0;
}
</style>
</head>
<body>
<div id="app">
<div class="alert-demo-wrapper">
<mu-alert color="success">
this is success alert
</mu-alert>
<mu-alert color="warning">
this is warning alert
</mu-alert>
<mu-alert color="info">
this is info alert
</mu-alert>
<mu-alert color="error">
this is error alert
</mu-alert>
</div>
</div>
</body>
<script src="js/vue.min.js"></script>
<script src="https://unpkg.com/muse-ui/dist/muse-ui.js"></script>
<script>
new Vue({
el: "#app",
data: {
},
methods: {
}
})
</script>
</html>
网友评论