# mzui

**Repository Path**: mirrors_singod/mzui

## Basic Information

- **Project Name**: mzui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MZUI

为移动端设计，基于 Flex 的 UI 框架。

示例和文档：http://zui.sexy/m/

## 特色

 * 现代化：基于 Flex 设计，支持移动端全部主流浏览器，支持 Android 微信内置浏览器；
 * 灵活：独立的外观选项，适合大部分控件，满足多样的外观定制需求；
 * 可定制：所有内容可以按需使用，基于 Gulp 构建自定义版本非常简单；
 * 轻量：JS 和 CSS 压缩之后在 50KB 左右，启用 GZip 压缩之后会更小（css 10KB, js 17KB），**不需要任何其他依赖！**（已内置 Zepto 1.1.6 核心组件）；

![mzui-v1 0 0-5](https://cloud.githubusercontent.com/assets/472425/16789673/320a2f5e-48e2-11e6-883a-7aca4304bbc4.gif)

## 快速使用

### NPM

```
npm install mzui
```

### Bower

```
bower install mzui
```

## 浏览器兼容性

支持的浏览器：

 * Android Chrome：最新版；
 * iOS Safari：最新版；
 * Android 微信：最新版；
 * Windows 10 mobile Edge：最新版。

可能会带来兼容性问题的特性包括：

 * [REM (root em) units](http://caniuse.com/#search=rem)
 * [Flexible Box Layout](http://caniuse.com/#search=flex)
 * [CSS3 2D Transforms](http://caniuse.com/#search=transform)
 * [CSS3 Transitions](http://caniuse.com/#search=transition)
 * [CSS3 Box-shadow](http://caniuse.com/#search=box-shadow)

## 后续计划

 * 为响应式开发增加更多的内容
 * 增加更多的场景示例
 * 增加轮播
 * 增加卡片控件
 * 增加轻量的路由功能

## 已知问题

 * 行列混用栅格在 iOS safari 上不可用；

## 桌面端方案推荐

欢迎使用 [ZUI: http://zui.sexy](http://zui.sexy)。