提交 846c22e3 编写于 作者: C Catouse

* updated document.

上级 f4e700c1
......@@ -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>
......
......@@ -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>大部分组件的默认样式都不需要额外的指定包含&#39;default&#39;的Class,例如class=&#39;btn btn-default&#39;&#39;btn-default&#39;在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.
先完成此消息的编辑!
想要评论请 注册