https://github.com/Wscats/vue-awesome-mui
:trophy:Mui component for Vue.js(1.x ~ 2.x)
https://github.com/Wscats/vue-awesome-mui
mui vue vue-awesome-mui vue-components vue-directive vue-mui vue-ui vue2 vue2js
Last synced: 9 months 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 8 years ago)
- Default Branch: master
- Last Pushed: 2020-01-22T05:01:22.000Z (almost 6 years ago)
- Last Synced: 2024-05-23T07:31:49.581Z (over 1 year 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
- awesome-vue - vue-awesome-mui - A Vue.js 2.0 MUI Component for Web (Components & Libraries / Frameworks)
- awesome-vue - vue-awesome-mui - Mui component for Vue.js(1.x ~ 2.x) ` 📝 a year ago` (Frameworks [🔝](#readme))
- awesome-vue - vue-awesome-mui - A Vue.js 2.0 MUI Component for Web (Frameworks / Responsive)
README
# vue-awesome-mui
[](https://www.npmjs.com/package/vue-awesome-mui)
[](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)