推荐使用 npm 安装 moeQ
npm i moeq -S
或者使用 CDN
<link rel="stylesheet" href="https://unpkg.com/muse-ui/dist/moeq.css">
<script src="https://unpkg.com/muse-ui/dist/moeq.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">
moeq 基于 Vue 2.0 实现,需要作为 Vue 的一个插件安装使用
import Vue from 'vue';
import MuseUI from 'muse-ui';
Vue.use(MuseUI);
const app = new Vue({
render (h) {
return h('mu-button', {}, 'Hello World');
}
});
MuseUI 提供一个极为简单和优化的方式自定义主题风格
import MuseUI from 'muse-ui';
MuseUI.theme.add('myTheme', {
primary: MuseUI.Colors.blue,
secondary: MuseUI.Colors.pinkA200,
success: MuseUI.Colors.green,
warning: MuseUI.Colors.yellow600,
info: MuseUI.Colors.blue,
error: MuseUI.Colors.red,
}).use('myTheme');