Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
839c56d7
Z
zui
项目概览
易企天创
/
zui
大约 1 年 前同步成功
通知
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,发现更多精彩内容 >>
提交
839c56d7
编写于
1月 25, 2016
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* change document.
上级
58be16ab
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
11 addition
and
12 deletion
+11
-12
docs/part/basic-browser.html
docs/part/basic-browser.html
+1
-1
docs/part/basic-intro.html
docs/part/basic-intro.html
+7
-6
docs/part/javascript-modal.html
docs/part/javascript-modal.html
+2
-4
index.html
index.html
+1
-1
未找到文件。
docs/part/basic-browser.html
浏览文件 @
839c56d7
...
...
@@ -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>
...
...
docs/part/basic-intro.html
浏览文件 @
839c56d7
<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>
大部分组件的默认样式都不需要额外的指定包含
'
default
'
的Class,例如class=
'
btn
btn-default
'
,
'
btn
-default
'
在ZUI中不需要;
</li>
btn-default
'
,
'
panel
-default
'
在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>
...
...
docs/part/javascript-modal.html
浏览文件 @
839c56d7
...
...
@@ -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>
...
...
index.html
浏览文件 @
839c56d7
...
...
@@ -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>
<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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录