https://github.com/Wscats/vue-awesome-mui

:trophy:Mui component for Vue.js(1.x ~ 2.x)
https://github.com/Wscats/vue-awesome-mui

List: vue-awesome-mui

mui vue vue-awesome-mui vue-components vue-directive vue-mui vue-ui vue2 vue2js

Last synced: 14 days ago
JSON representation

:trophy:Mui component for Vue.js(1.x ~ 2.x)

• Host: GitHub
• URL: https://github.com/Wscats/vue-awesome-mui
• Owner: Wscats
• Created: 2017-07-21T07:26:27.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-01-22T05:01:22.000Z (almost 5 years ago)
• Last Synced: 2024-05-23T07:31:49.581Z (6 months ago)
• Topics: mui, vue, vue-awesome-mui, vue-components, vue-directive, vue-mui, vue-ui, vue2, vue2js
• Language: JavaScript
• Homepage: https://wscats.github.io/vue-awesome-mui/public/#/index
• Size: 2.31 MB
• Stars: 350
• Watchers: 6
• Forks: 33
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-awesome-mui

[![npm package](https://img.shields.io/npm/v/vue-awesome-mui.svg)](https://www.npmjs.com/package/vue-awesome-mui)

[![NPM downloads](http://img.shields.io/npm/dm/vue-awesome-mui.svg)](https://www.npmjs.com/package/vue-awesome-mui)





> Design Mui library for Vuejs 2.x

## Links

* [Demo Page](https://wscats.github.io/vue-awesome-mui/public/#/index)

* [Mui中文文档](http://dev.dcloud.net.cn/mui/ui/)

## Install

Install vue-awesome-mui

```bash

npm install vue-awesome-mui -save

```

## Get Started

Vue mount

```javascript

// import or require

import Vue from 'vue'

import Mui from 'vue-awesome-mui'

import 'vue-awesome-mui/mui/dist/css/mui.css'

// mount with global

Vue.use(Mui)

```

If you need icon, you can require `icon.css`

```javascript

import "vue-awesome-mui/mui/examples/hello-mui/css/icons-extra.css";

```

## Example

Give a few examples

|Vue components|Mui document|

|-|-|

|[折叠面板](https://github.com/Wscats/vue-awesome-mui/blob/master/app/components/examples/accordion.vue)|[Accordion](http://dev.dcloud.net.cn/mui/ui/#accordion)|

|[操作表](https://github.com/Wscats/vue-awesome-mui/blob/master/app/components/examples/actionsheet.vue)|[Actionsheet](http://dev.dcloud.net.cn/mui/ui/#actionsheet)|

|[数字角标](https://github.com/Wscats/vue-awesome-mui/blob/master/app/components/examples/badges.vue)|[Badges](http://dev.dcloud.net.cn/mui/ui/#badges)|

|[按钮](https://github.com/Wscats/vue-awesome-mui/blob/master/app/components/examples/buttons-with-badges.vue)|[Buttons](http://dev.dcloud.net.cn/mui/ui/#buttons)|

## Browser Support

* IE 10+

* Andorid 4.4+

* IOS 7+

## Changelog

Detailed changes for each release are documented in the [release notes](https://github.com/Wscats/vue-awesome-mui).

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/Wscats/vue-awesome-mui) before making a pull request.

## Dependencies

* [vuejs 2.x](https://vuejs.org/)

* [mui 3.5](https://github.com/dcloudio/mui)

## Licence

vue-awesome-mui is open source and released under the MIT Licence.

Copyright (c) 2017 [Wscats](https://github.com/Wscats)

## About author

* [Github](https://github.com/Wscats)

* [Segmentfault](https://segmentfault.com/u/enoy)

* [CSDN](http://blog.csdn.net/qq_27080247)

* [Juejin](https://juejin.im/user/584c7f44ac502e0069275cd7)