Muse-UI Vue2.0 的 Material Design UI 组件库

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...

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友好，可用于开发的复杂...

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...

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...

一、安装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...

##安装 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 ...

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

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

一、描述：最近做的移动端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...

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