移动端UI框架MZUI 1.0.0版本发布
原創
最后编辑：潘仙芝 于 2016-07-13 10:38:38
11194次查看
本篇目錄
MZUI 第一版本正式发布啦！
MZUI 是专为移动端设计，基于 Flex 的 UI 框架。用来开发移动 Web 应用和微信应用非常方便。
文檔和示例請訪問：http://easysoft.github.io/mzui/
該版本帶來的功能包括：
基礎內容
- REM：CSS 定义单位为 REM；
- 外觀選項：提供一组通用的 CSS 修饰类方便为元素和控件定义个性化外观，可定制的内容包括：背景和文本着色、交互状态外观、形状、预设容器类型、内外边距、CSS 变形、阴影和 CSS 滤镜等；
- 文字排版：預設的文字排版樣式；
- 輔助類：輔助工具類；
- 布局：包含常用布局容器和 Flex 布局工具类；
- 柵格：基于 Flex 的柵格体系，同时支持行和列的柵格布局；
- 動畫：提供 CSS 動畫輔助類，配合 JavaScript 使用可以方便实现高级交互效果。
控件
- 標簽：支持外觀選項；
- 按鈕：包括多种尺寸，支持外觀選項；
- 圖標：包括 FontAwesome 字体圖標中的绝大部分内容；
- 頭像：包括不同尺寸，支持外觀選項；
- 表格：包括各种常见样式，支持外觀選項；
- 導航：提供固定和自动隐藏功能，支持外觀選項；
- 標題欄：提供一种通用方式来组织标题、圖標和導航，支持外觀選項；
- 表單：涵盖常用表單控件，提供表單验证輔助類，全新外观的单选和复选控件；
- 列表：无论简单还是复杂内容，列表都能轻松应付，支持多层级列表以及外觀選項；
- 代碼：包括行内代碼和块级代碼样式，提供对键盘标记文件样式。
Javascript 插件
- Display：隆重推出 Display 插件，動態展示内容的好帮手，功能强大，无论是工具提示、对话框、下拉菜单、折叠、远程内容加载都能实现，扩展机制让使用更加方便；
- 滾動箭頭：隨時監聽當前浏覽器窗口的滾動狀態；
- Skin.js：提供一种方式来任意定制外觀選項中的配色；
- Color：顔色相關的輔助工具，提供對顔色格式化、轉化等相關計算功能；
- Utils：提供格式化字符串和日期的相關輔助工具；
- Ajax Form：方便的创建 Ajax 表單。
在官方文檔中有更多示例，歡迎訪問 http://easysoft.github.io/mzui/ 了解更多。
Downloads
- mzui-1.0.0-dist.zip
- Source code (zip)
- Source code (tar.gz)
産品動態
