UI 界面框架 MUI CSS

MIT
跨平台
2015-02-20
红薯

MUI 是一个轻量级的 HTML、CSS 和 JS 框架,遵循 Google 的 Material Design 设计思路。MUI CSS可以在使用SASS源码时,通过GitHub或Bower来轻松定制它。自定义的范围包括响应断点,默认字体设置和使用Material Design颜色等等。MUI CSS/JS并不依赖任何其他的程序。

示例 HTML:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- load MUI -->
    <link href="//cdn.muicss.com/mui-0.0.1/css/mui.min.css" rel="stylesheet" type="text/css" />
    <script src="//cdn.muicss.com/mui-0.0.1/js/mui.min.js"></script>
  </head>
  <body>
    <!-- example content -->
    <div class="mui-container">
      <div class="mui-panel">
        <h1>My Title</h1>
        <button class="mui-btn mui-btn-primary mui-btn-raised">My Button</button>
      </div>
    </div>
  </body>
</html>

MUI 体积很小:

  • mui.min.css - 5.7K (gzipped)

  • mui.min.js - 3.0K (gzipped)

开发依赖:

的码云指数为
超过 的项目
加载中
此软件有 5 条评论,请先登录后再查看。

暂无资讯

暂无问答

DCloud-MUI:Hello mui

ylbtech-DCloud-MUI:Hello mui MUI-最接近原生App体验的前端框架 1. 返回顶部 1、 MUI-最接近原生App体验的前端框架 极小 100k的js文件,60k的css文件。原生编写,不依赖任何三方框架 极强 ...

2018/03/25 08:50
90
0
mui ajax

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>直播生活商家端-订单大厅</title> <script src="../../js/flexible.js"></script> <script src="../../js/mui.min.js"></scr...

2019/05/13 11:18
13
0
MUI实战

目录 一 MUI的官网文档 二 MUI示例代码 三 写代码方法 四 实战 一 MUI的官网文档 https://dev.dcloud.net.cn/mui/ui/ 二 MUI示例代码 三 写代码方法 1 官方文档为理论指导 2 官方示例代码为实...

07/12 07:55
58
0
MUI框架-09-MUI 与后台数据交互

MUI框架-09-MUI 与后台数据交互 本篇介绍使用 art-template 和原生 MUI 的数据交互 mui.ajax 来实现 我们大家都知道,想要数据交互就要有数据,每次当我们发送请求,我们要清楚,怎么发,发给...

2018/09/26 21:47
208
0
mui中如何使用tab来切换子页面 mui-bar, mui-bar-tab

mui是前端框架但是很多人用它写移动端 那么mui底部切换是怎么做到的呢? 如何点击某个tab来切换不同的页面? 解答: 1首先我们需要引入mui框架的底部tab元素 代码如下 <!--table菜单开始-->...

2018/11/29 17:11
158
0
MUI简介

目录 一 官网地址 二 MUI文档 三 演示Demo项目 四 夜神模拟器和HBuildx连接 五 手机启动开发者模式 一 官网地址 https://www.dcloud.io/mui.html 二 MUI文档 https://dev.dcloud.net.cn/mui/...

06/27 13:37
57
0
网页|上手MUI

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 欢迎加入团队圈子!与作者面对面!直接点击! 1、快速构建页面 1.1 ...

07/20 00:00
12
0
mui使用总结

mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验;这个框架自身有一些规则,刚接触的同学不很熟悉,特总结本文;想了解mui更详细的信息,请访问mui官网   DOM结构   ...

2019/11/05 17:56
19
0
MUI -- plus初始化原理及plus is not defined,mui is not defined 错误汇总

不要在没有plus和mui的环境下调用相关API 普通浏览器里没有plus环境,只有HBuilder真机运行和打包后才能运行plus api。 在普通浏览器里运行时plus api时控制台必然会输出plus is not defined...

2019/05/05 11:53
141
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部