Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
846c22e3
Z
zui
项目概览
易企天创
/
zui
11 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
846c22e3
编写于
8月 11, 2014
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* updated document.
上级
f4e700c1
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
33 addition
and
0 deletion
+33
-0
docs/partial/navbar.html
docs/partial/navbar.html
+2
-0
docs/start.html
docs/start.html
+31
-0
未找到文件。
docs/partial/navbar.html
浏览文件 @
846c22e3
...
...
@@ -11,6 +11,7 @@
<div
class=
"collapse navbar-collapse"
id=
"navbar-collapse"
>
<ul
class=
"nav navbar-nav collapsed"
data-tab=
"start"
>
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"/docs/start.html#intro"
>
说明
</a></li>
<li><a
href=
"/docs/start.html#about"
>
约定
</a></li>
<li><a
href=
"/docs/start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"/docs/start.html#lite"
>
关于简洁版
</a></li>
...
...
@@ -73,6 +74,7 @@
</ul>
<ul
class=
"nav navbar-nav collapsed"
data-tab=
"views"
>
<li
class=
"nav-heading"
>
视图
</li>
<li><a
href=
"/docs/views.html#datatable"
>
数据表格
</a></li>
<li><a
href=
"/docs/views.html#form"
>
表单
</a></li>
<li><a
href=
"/docs/views.html#article"
>
文章
</a></li>
<li><a
href=
"/docs/views.html#cards"
>
卡片
</a></li>
...
...
docs/start.html
浏览文件 @
846c22e3
...
...
@@ -31,6 +31,37 @@ base_url: "./" -->
<h1>
开始
</h1>
</div>
<section
id=
"intro"
>
<div
class=
"page-header"
>
<h2>
说明
</h2>
</div>
<h3>
与Bootstrap的关系
</h3>
<p>
ZUI继承了Bootstrap 3中的大部分基础内容,但出于与Bootstrap不同的目的大部分内容都进行了定制和修改。这些变化包括:
</p>
<ul>
<li>
移除了部分插件的限制,增加了一些适用特性,例如Popover弹出的内容可以指定已有的标签内容,Modal对话框可以自动使用iframe弹出整个页面内容等;
</li>
<li>
增加了实用的视图组件,包括卡片、评论、列表、文章、仪表盘、看板等;
</li>
<li>
新增了几个Javascript组件,包括拖放、排序、灯箱预览,本地存储,图片裁剪等;
</li>
<li>
集成了一些实用的第三方组件,包括cookie、hotkey、chosen、Kindeditor、ChartJs、DatetimePicker等,并且这些组件样式经过重写,风格更为统一;
</li>
<li>
增加了配色表和新的主题模板,最少只需更改一个配置项更换颜色主题;
</li>
<li>
修改了默认字体配置,包含所使用的字体集和字体大小;
</li>
<li>
替换了默认的字体图标,在FontAwesome图标集的基础上去掉了一些图标同时增加了一些新的图标,写法上比FontAwesome更简单;
</li>
<li>
大部分组件的默认样式都不需要额外的指定包含
'
default
'
的Class,例如class=
'
btn btn-default
'
,
'
btn-default
'
在ZUI中不需要;
</li>
<li>
增加了一些辅助类,例如文本背景及高亮等;
</li>
<li>
增加了一些可选样式,例如滚动条等。
</li>
</ul>
<h3>
选择使用ZUI
</h3>
<p>
Bootstrap是非常优秀的前端框架,但在构建大型应用的开发时通常远远不够。如果Bootstrap能够完全满足你的项目,建议使用Bootstrap,如果你需要的更多,则建议使用ZUI。使用ZUI的显著理由如下:
</p>
<ul>
<li>
大部分书写方式继承Bootstrap,从Bootstrap方便迁移到ZUI,学习成本低,而且写法上更精简;
</li>
<li>
需要的实用功能都能在ZUI中提供,即使是第三方组件也提供统一的样式和主题支持;
</li>
<li>
即使ZUI包含的内容更丰富,也会控制核心内容打包后体积大小,一般css不超过150k(目前130k,精简版95k),js不超过100k(目前79k,精简版33k),精简版包含绝大部分功能,但体积更小。非核心内容按需加载,推荐自定义编译;
</li>
<li>
ZUI从实际项目中诞生(包括禅道、蝉知和然之),实践证明其有效性,一切为了快速构建你的应用;
</li>
<li>
一些令人激动的新内容正在开发中...
</li>
</ul>
</section>
<section
id=
"about"
>
<div
class=
"page-header"
>
<h2>
约定
</h2>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录