提交 839c56d7 编写于 作者: C Catouse

* change document.

上级 58be16ab
......@@ -104,7 +104,7 @@ $.zui.browser.tip();
$.zui.browser.tip('哇~~~你的浏览器版本也太低了,快快升级吧!');</code></pre>
<div class="alert alert-primary-inverse">
<h5>提示</h5>
<p>在IE7及更低IE版本的浏览器上会自动现实低版本提示信息,所以一般情况下,你无须自己手动调用此方法。</p>
<p>在IE7及更低IE版本的浏览器上会自动显示低版本提示信息,所以一般情况下,你无须自己手动调用此方法。</p>
</div>
</article>
</section>
......
<section>
<header><h3>与Bootstrap的关系</h3></header>
<header><h3>基于Bootstrap定制</h3></header>
<article>
<p>ZUI继承了<a href="http://getbootstrap.com" target="_blank">Bootstrap 3 </a>中的大部分基础内容,但出于与Bootstrap不同的目的,一些组件都进行了定制和修改。这些变化包括:</p>
<ul>
......@@ -13,22 +13,23 @@
<li>修改了默认字体配置,包含所使用的字体集和字体大小;</li>
<li>替换了默认的字体图标,在FontAwesome图标集的基础上去掉了一些图标同时增加了一些新的图标,写法上比FontAwesome更简单;</li>
<li>大部分组件的默认样式都不需要额外的指定包含&#39;default&#39;的Class,例如class=&#39;btn
btn-default&#39;&#39;btn-default&#39;在ZUI中不需要;</li>
btn-default&#39;&#39;panel-default&#39;在ZUI中不需要;</li>
<li>增加了一些辅助类,例如文本背景及高亮等;</li>
<li>增加了一些可选样式,例如滚动条等。</li>
<li>增加了一些可选样式,例如滚动条等;</li>
<li>……</li>
</ul>
</article>
</section>
<section>
<header><h3>选择使用ZUI</h3></header>
<header><h3>选择ZUI还是Bootstrap?</h3></header>
<article>
<p>Bootstrap是非常优秀的前端框架,但在构建大型应用的开发时通常远远不够。如果Bootstrap能够完全满足你的项目,建议使用Bootstrap,如果你需要的更多,则建议使用ZUI。使用ZUI的显著理由如下:</p>
<ul>
<li>大部分书写方式继承Bootstrap,从Bootstrap方便迁移到ZUI,学习成本低,而且写法上更精简;</li>
<li>需要的实用功能都能在ZUI中提供,即使是第三方组件也提供统一的样式和主题支持;</li>
<li>ZUI提供更多的功能选项,即使是第三方组件也提供统一的样式和主题支持;</li>
<li>
即使ZUI包含的内容更丰富,也会控制核心内容打包后体积大小,一般css不超过150k(目前140k,精简版100k),js不超过100k(目前80k,精简版41k),精简版包含绝大部分功能,但体积更小。非核心内容按需加载,推荐自定义编译;</li>
ZUI采用核心+独立组件按需加载机制,即使包含的内容更丰富,也会控制核心内容打包后体积大小,一般css不超过150k(目前140k,精简版100k),js不超过100k(目前84k,精简版40k),精简版包含绝大部分功能,但体积更小。非核心的独立组件内容按需加载,推荐自定义编译;</li>
<li>ZUI从实际项目中诞生(包括禅道、蝉知和然之),实践证明其有效性,一切为了快速构建你的应用;</li>
<li>一些令人激动的新内容正在开发中...</li>
</ul>
......
......@@ -282,8 +282,7 @@
<h4>方法</h4>
<h5>.modal(options)</h5>
<p>使用参数对象来初始化对话框。</p>
<pre class='prettyprint'><code>$('#myModal').modal(
{
<pre class='prettyprint'><code>$('#myModal').modal({
keyboard : false,
show : true
})</code></pre>
......@@ -337,8 +336,7 @@
</tbody>
</table>
<p>监听事件使用jQuery的on方法:</p>
<pre class='prettyprint'><code>$('#myModal').on('shown.zui.modal', function()
{
<pre class='prettyprint'><code>$('#myModal').on('shown.zui.modal', function() {
alert('对话框已显示。');
})</code></pre>
......
......@@ -45,7 +45,7 @@
<div class="container">
<div id="heading">
<h1>ZUI</h1>
<p>一个开源前端实践方案,帮助你快速构现代跨屏应用。</p>
<p>一个基于Bootstrap深度定制开源前端实践方案,帮助你快速构现代跨屏应用。</p>
<div id="download">
<a href="docs/download/zui-1.3.1-dist.zip" class="btn btn-primary btn-lg">立即下载 <i class="icon icon-download-alt"></i></a>
<p><small>最新版本 <span class="zui-version"><i class='icon icon-spin icon-spinner-indicator'></i></span> &nbsp; <a style="color: #f1f1f1" href="https://github.com/easysoft/zui/archive/master.zip" target="_blank">下载源码</a></small></p>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册