Muse-UI 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Muse-UI 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Muse-UI 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Muse-UI 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Muse-UI 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

Muse-UI

    基于 Vue2.0 的 Material Design UI 组件库

安装

npm install muse-ui --save

使用 

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

Vue.use(MuseUI)
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (13)

加载中
跟虔诚的项目。很值得尊重。
2018/05/30 12:24
回复
举报
研究了一周了,不知道究竟怎么用,社区也没有,教程也没有
2017/04/16 23:40
回复
举报
打分: 力荐
非常给力的ui支持一下
2017/04/11 23:32
回复
举报
打分: 还行
组件还不是很全哦
2017/04/05 17:46
回复
举报
样式好像跟react的另一个库是一样的吧? #Muse-UI#
2016/11/17 08:45
回复
举报
pardon me! #Muse-UI#
2016/11/17 10:18
回复
举报
很漂亮! #Muse-UI#
2016/11/17 10:23
回复
举报
还嫌轮子不够多吗 #Muse-UI#
2016/11/17 10:24
回复
举报
怎么用啊 #Muse-UI#
2016/11/17 10:25
回复
举报
相似的太多了。 #Muse-UI#
2016/11/17 14:57
回复
举报
更多评论
发表于大前端专区
2018/05/30 10:48

Muse-UI 3.0.0-beta.1:所有组件重构,部分组件合并

Muse-UI 3.0.0 首个测试版发布: 所有组件重构,减小了整体包的体积 组件中增加了 color 和 *-color 属性,用于改变组件显示; 基于 vuejs 2.5 的 API,支持标签原生属性、事件(无需使用 .native 监听, 另外部分属性的双向绑定,例如:mu-dialog 中 open.sync; 新增 mu-data-table 替换了 mu-table 组件,使用 slot-scope 是的表格功能更加强大; 新增 mu-date-input 用于日期和事件的输入, 而 mu-date-picker 和 mu-time-picker...

10
9
发表了资讯
2017/07/07 07:48

Muse-UI 2.1.0 发布,Material Design UI 组件库

Muse-UI 是基于 Vue 2.0 和 Material Design 的 UI 组件库。 功能特性: 组件丰富:Muse UI 基本实现了 Material Design 设计规范类的所有组件,另外还开发许多的功能性的组件 可定制:Muse UI 使用less文件,所有的颜色都有一个变量维护,通过编写 less 文件完成自定义主题,另外组件内部也提供一些修改效果的参数 基于 Vue 2.0:Muse UI 基于 Vue2.0 开发,Vue2.0 是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂...

3
28
发表了资讯
2017/04/02 05:28

Muse-UI 2.0.1 发布,Material Design UI 框架

Muse-UI 是基于 Vue2.0 的 Material Design UI 框架。 Muse-UI 2.0.1 更新内容如下: Bugs 修复在app-bar中为flat-button增加href属性后按钮会发生错位 #397 修复Dialog组件里面使用SelectField后的bug #390 修复Dialog 组件无法点击Overlay层关闭 #386 修复日期控件当前月份无法返回到上个月 #385 修复Safari浏览器中,Bottom Navigation组件显示异常 #384 修复 drawer 的show, hide事件触发依赖docked属性 #381 下载地址: S...

9
57
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2019/05/22 17:57

Muse-UI自定义主题的使用方法

Muse-UI文档中,theme相关的部分官方文档给出的例子是下图所示: 但是,这样使用是不正确的,出不来效果的;(简而言之,文档的例子是错误的) 但是官方首页却有正确的例子 所以正确的自定义主题步骤是 // 1.引入Vue import Vue from 'vue' // 2.引入MuseUI import MuseUI from 'muse-ui' // 3.MuseUI添加自定义主题,并使用主题 MuseUI.theme.add('my-theme', {   primary: '#00bcd4',   secondary: '#ff4900',   success: '#70af...

0
0
发表于大前端专区
2019/04/08 17:06

Muse-UI +Vue2.0框架开发环境搭建

一、安装Vue,创建Vue项目 VSCode 搭建Vue开发环境之Vue CLI 二、安装Muse-UI 库 npm install muse-ui 不支持vue add 命令安装。 Muse-UI官方文档:https://muse-ui.org/#/zh-CN/installation 修改main.js,增加框架引入: 此处使用完全引入框架方式。 import MouseUI from 'muse-ui' import 'muse-ui/dist/muse-ui.css'; Vue.use(MouseUI); 启动运行,npm run serve 三、增加字体引用, 修改index.html,增加字体 <lin...

0
2
发表了博客
2019/04/28 10:50

vue ui组件muse-ui的使用

##安装 npm install muse-ui typeface-roboto material-design-icons vuex axios --save Muse UI 是一套 Material Design 风格开源组件库,旨在快速搭建页面。它基于 Vue 2.0 开发,并提供了自定义主题,充分满足可定制化的需求。 material-design-icons 是谷歌定义的一套icon typeface 是谷歌定义的一套字体 ##main.js // The Vue build version to load with the import command // (runtime-only or standalone) has been ...

0
0
发表了博客
2018/09/14 11:11

muse-ui底部导航自定义图标和字体颜色

  最近在鼓捣用vue.js进行混合APP开发,遍寻许久终于找到muse-ui这款支持vue的轻量级UI框架,竟还支持按需引入,甚合萝卜意!   底部导航的点击波纹特效也是让我无比惊喜,然而自定义图标和字体颜色却不是那么简单的。   官网上源码是这样的:      属性title当然就是显示在底部菜单栏的各个菜单名称,icon就是各个菜单所用图标,我的app底部也是三个菜单。要自定义图标,我们首先要将icon置空icon=" ",注意中间的空格...

0
0
发表了博客
2019/04/10 10:10

uni-app项目导入第三方组件库muse-ui

你说uni-app是什么 我说,uni-app是一套基于vue.js开发跨平台应用的前端框架,可编译多个平台,比如:Android、IOS、H5、微信小程序、支付宝小程序、头条小程序、百度小程序 懂行的人是不是觉得牛逼?想了解更多,进入官网吧 我说muse-ui是什么 官方说,Muse UI 是一套 Material Design 风格开源组件库,旨在快速搭建页面。它基于 Vue 2.0 开发,并提供了自定义主题,充分满足可定制化的需求。 我觉得muse ui组件都非常美观,如...

0
0
发表了博客
2018/08/07 15:44

muse-ui使用Bottom Navigation组件刷新后保存点击状态

一、描述:最近做的移动端H5网页,使用的时vue+muse-ui 。 muse-ui官网。muse-ui组件丰富,对移动端支持友好,同时具有比较详细的文档和示例,是一款值得拥抱的ui库。安装和使用方法可以直接点击官网链接。 二、直接上手 先随便来个图: 这样子的导航栏在移动端中司空见惯,使用muse-ui中得Bottom Navigation组件。 我这里直接粘一个muse-ui中的例子噢: <mu-container style="max-width: 400px; width:100%;"> <mu-bottom-na...

0
0
发表了博客
2012/05/13 16:55

Adobe Muse与Adobe Edge改变未来网页设计的软件

MUSE,“设计与发布HTML网站不需要你写一行代码”。EDGE,“使用HTML5,CSS3与JavaScript创建网页动画”。发现Adobe的Muse与Edge这两个软件时我非常的激动,他们立即让我重新考虑自己的网页设计工作流程。 我觉得任何技术都应该像这样,最重要的是你的想法,不用考虑太多怎么去实现它,比如你想做一张网页,并不需要考虑怎么样去撰写样式与布局的代码,用图形软件设计出图样,剩下的工作完全不用担心,或者你想在网页中添加一些动...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
13 评论
332 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部