Vue2.0 的 Material Design UI 框架 Muse-UI

破晓 · 发表于 2016-11-22 13:31:31

Muse-UI

https://museui.github.io/#/install

基于 Vue2.0 的 Material Design UI 框架

安装

1	`npm` `install` `muse-ui --save`

使用

1

2

3

4

5

import Vue from 'vue'
import MuseUI from 'muse-ui'
import 'muse-ui/dist/muse-ui.css' // 加载样式
 
Vue.use(MuseUI)

https://www.oschina.net/img/github_logo.gif") left center no-repeat;">museui / muse-ui

Watch55 Star943 Fork97

Material Design UI library for Vuejs 2.0 — More...

https://museui.github.io/

Issues
#74	Text Field multiLine设置rowsMax的问题	by ccchangkong 2016-11-22
#69	mu-tabs的z-index层级有点低	by s51983 2016-11-22
#59	方便写一个基础的页面结构吗	by wh469012917 2016-11-21
#73	drawer的open=true,docked=false	by xuexb 2016-11-21
#70	slider在iphone上特别卡	by mokaikai 2016-11-21

master分支代码最近更新：2016-11-22

Links

Install

npm install muse-ui -save

Get Started

import Vue from 'vue'
import MuseUI from 'muse-ui'
import 'muse-ui/dist/muse-ui.css'
Vue.use(MuseUI)

or

webpack.conf.js

{
  // ...
  module: {
    loaders: [
      // ...
      {
        test: /muse-ui.src.*?js$/,
        loader: 'babel'
      }
    ]
  },
  resolve: {
    // ...
    alias: {
      'muse-components': 'muse-ui/src'
    }
  }
}

main.js

import Vue from 'vue'
import 'muse-components/styles/base.less' // 加载基础的样式
import appbar from 'muse-components/appbar'
import avatar from 'muse-components/avatar'
// ..
Vue.component(appbar.name, appbar)
Vue.component(avatar.name, avatar)