MoeQ!

基于AdminPHP框架 优雅的cms系统

组件丰富

MoeQ! 拥有40多个 组件,用于适应不同业务环境。

可定制

moeQ! 自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。

基于 Vue 2.0

MoeQ! 基于 AdminPHP 开发,AdminPHP是当下最快的框架之一,小巧,api友好,可用于开发的复杂单页应用
file_download

安装

推荐使用 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">

查看安装文档
build

使用

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');
  }
});

查看使用文档
whatshot

定制化样式

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');

自定义主题