Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
5f380861
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,发现更多精彩内容 >>
提交
5f380861
编写于
6月 07, 2014
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* updated documents.
上级
10a16871
变更
13
隐藏空白更改
内联
并排
Showing
13 changed file
with
124 addition
and
11 deletion
+124
-11
README.md
README.md
+2
-1
assets/css/doc.css
assets/css/doc.css
+29
-0
basic.html
basic.html
+2
-1
components.html
components.html
+3
-2
controls.html
controls.html
+2
-1
example/img/chanzhi.png
example/img/chanzhi.png
+0
-0
example/img/ranzhi.png
example/img/ranzhi.png
+0
-0
example/img/zentao.png
example/img/zentao.png
+0
-0
explore.html
explore.html
+2
-1
index.html
index.html
+54
-3
javascript.html
javascript.html
+2
-1
start.html
start.html
+26
-0
views.html
views.html
+2
-1
未找到文件。
README.md
浏览文件 @
5f380861
...
...
@@ -2,6 +2,7 @@
----------
一个开源免费的前端框架,主要用于快速构建禅道系列web产品。
项目网站 [http://easysoft.github.io/zui/]
## 特色 ##
...
...
@@ -36,7 +37,7 @@
-
蝉知开源企业门户系统 [http://chanzhi.org]
## 设计
原则
##
## 设计 ##
-
简单:“不要让我思考”,提供清晰的思路,用户应该能立即明白如何操作去完成目标,尽可能减少操作步骤及弹出窗口或页面。
-
高效:用户能够快速达到自己的目标,尽可能在产品中提供预置设置或默认值,让用户无需配置。应用程序也应该保障性能能够快速响应和反馈。
...
...
assets/css/doc.css
浏览文件 @
5f380861
...
...
@@ -47,6 +47,35 @@ a[target='_blank']:hover:after {content: '\e684'; opacity: 1; }
{
font-size
:
48px
;
}
.jumbotron
hr
{
margin
:
30px
0
;
}
.jumbotron
.card
{
text-align
:
center
;
}
.jumbotron
a
.card
[
target
=
'_blank'
]
:after
{
display
:
none
}
.jumbotron
.card
.img-wrapper
{
height
:
100px
;
text-align
:
center
;
background-position
:
center
;
background-repeat
:
no-repeat
;
}
.jumbotron
.card
img
{
line-height
:
100px
;
display
:
none
;
}
.jumbotron
.card
img
:hover
,
.jumbotron
:hover
.card
img
{
background
:
none
}
.jumbotron
h2
{
margin-bottom
:
20px
;
}
.page-header
{
...
...
basic.html
浏览文件 @
5f380861
...
...
@@ -25,13 +25,14 @@ base_url: "./"
<header>
<nav
id=
"navbar"
class=
"navbar navbar-inverse navbar-fixed-left navbar-collapsed"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<a
class=
"navbar-brand"
href=
"/"
>
ZUI
</a>
<a
class=
"navbar-brand"
href=
"/
zui
"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"start.html#about"
>
框架说明
</a></li>
<li><a
href=
"start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"start.html#browsers"
>
受支持的平台
</a></li>
</ul>
<ul
class=
"nav navbar-nav"
>
<li
class=
"nav-heading"
>
基础
</li>
...
...
components.html
浏览文件 @
5f380861
...
...
@@ -26,13 +26,14 @@ base_url: "./"
<header>
<nav
id=
"navbar"
class=
"navbar navbar-inverse navbar-fixed-left navbar-collapsed"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<a
class=
"navbar-brand"
href=
"/"
>
ZUI
</a>
<a
class=
"navbar-brand"
href=
"/
zui
"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"start.html#about"
>
框架说明
</a></li>
<li><a
href=
"start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"start.html#browsers"
>
受支持的平台
</a></li>
</ul>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
基础
</li>
...
...
@@ -82,7 +83,7 @@ base_url: "./"
<li><a
href=
"javascript.html#chosen"
>
Chosen
</a></li>
<li><a
href=
"javascript.html#richeditor"
>
富文本编辑器
</a></li>
</ul>
<ul
class=
"nav navbar-nav"
>
<ul
class=
"nav navbar-nav
collapsed
"
>
<li
class=
"nav-heading collapsed"
>
视图
</li>
<li><a
href=
"views.html#form"
>
表单
</a></li>
<li><a
href=
"views.html#article"
>
文章
</a></li>
...
...
controls.html
浏览文件 @
5f380861
...
...
@@ -23,13 +23,14 @@ base_url: "./"
<header>
<nav
id=
"navbar"
class=
"navbar navbar-inverse navbar-fixed-left navbar-collapsed"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<a
class=
"navbar-brand"
href=
"/"
>
ZUI
</a>
<a
class=
"navbar-brand"
href=
"/
zui
"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"start.html#about"
>
框架说明
</a></li>
<li><a
href=
"start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"start.html#browsers"
>
受支持的平台
</a></li>
</ul>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
基础
</li>
...
...
example/img/chanzhi.png
0 → 100644
浏览文件 @
5f380861
8.7 KB
example/img/ranzhi.png
0 → 100644
浏览文件 @
5f380861
7.2 KB
example/img/zentao.png
0 → 100644
浏览文件 @
5f380861
13.6 KB
explore.html
浏览文件 @
5f380861
...
...
@@ -25,13 +25,14 @@ base_url: "./"
<header>
<nav
id=
"navbar"
class=
"navbar navbar-inverse navbar-fixed-left navbar-collapsed"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<a
class=
"navbar-brand"
href=
"/"
>
ZUI
</a>
<a
class=
"navbar-brand"
href=
"/
zui
"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"start.html#about"
>
框架说明
</a></li>
<li><a
href=
"start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"start.html#browsers"
>
受支持的平台
</a></li>
</ul>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
基础
</li>
...
...
index.html
浏览文件 @
5f380861
...
...
@@ -23,13 +23,14 @@ base_url: "./"
<header>
<nav
id=
"navbar"
class=
"navbar navbar-inverse navbar-fixed-left navbar-collapsed"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<a
class=
"navbar-brand"
href=
"/"
>
ZUI
</a>
<a
class=
"navbar-brand"
href=
"/
zui
"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"start.html#about"
>
框架说明
</a></li>
<li><a
href=
"start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"start.html#browsers"
>
受支持的平台
</a></li>
</ul>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
基础
</li>
...
...
@@ -97,8 +98,58 @@ base_url: "./"
</nav>
</header>
<div
id=
"main"
>
<div
class=
"jumbotron"
>
<h1>
ZenUI
</h1>
<div
class=
"jumbotron text-center"
>
<h1>
ZUI
</h1>
<p
class=
'text-muted'
>
一个开源免费的前端框架,用于快速构建禅道系列web产品。
</p>
<br>
<p>
<a
target=
"_blank"
href=
"https://github.com/easysoft/zui"
class=
"btn btn-success"
><i
class=
"icon-code"
></i>
项目
</a>
<a
target=
"_blank"
href=
"https://github.com/easysoft/zui/releases"
class=
"btn btn-primary"
><i
class=
"icon-download-alt"
></i>
下载
</a>
</p>
<hr>
<h2
class=
'text-special'
>
特色
</h2>
<ul
class=
'list-unstyled'
>
<li>
简单美观,易于使用,快速构建简洁大方的现代web应用。
</li>
<li>
新颖但健壮,采用html5但支持大部分流行的移动及桌面浏览器平台,一些旧的浏览器也能够降级支持。
</li>
<li>
轻快独立稳定,最佳的可用性能,最大限度的不依赖于其他框架,以优先支持禅道官方产品为主,不做大而全的解决方案。
</li>
<li>
全平台响应,一次编写,响应任何尺寸的设备。
</li>
</ul>
<hr>
<h2
class=
'text-important'
>
例子
</h2>
<div
class=
"row"
>
<div
class=
"col-md-4"
>
<a
class=
"card"
href=
"http://chanzhi.org"
target=
"_blank"
>
<div
class=
'img-wrapper'
style=
"background-image: url(example/img/chanzhi.png)"
><img
src=
"example/img/chanzhi.png"
alt=
""
></div>
<strong
class=
"card-heading"
>
蝉知
</strong>
<div
class=
"card-content text-muted"
></div>
</a>
</div>
<div
class=
"col-md-4"
>
<a
class=
"card"
href=
"http://zentao.net"
target=
"_blank"
>
<div
class=
'img-wrapper'
style=
"background-image: url(example/img/zentao.png)"
><img
src=
"example/img/zentao.png"
alt=
""
></div>
<strong
class=
"card-heading"
>
禅道
</strong>
<div
class=
"card-content text-muted"
></div>
</a>
</div>
<div
class=
"col-md-4"
>
<a
class=
"card"
href=
"http://ranzhi.org"
target=
"_blank"
>
<div
class=
'img-wrapper'
style=
"background-image: url(example/img/ranzhi.png)"
><img
src=
"example/img/ranzhi.png"
alt=
""
></div>
<strong
class=
"card-heading"
>
然之
</strong>
<div
class=
"card-content text-muted"
></div>
</a>
</div>
</div>
<hr>
<h2
class=
'text-success'
>
ZUI构建于众多优秀的开源项目之上
</h2>
<p>
非常感谢这些项目!
</p>
<div
class=
"row"
>
<div
class=
"col-md-3 col-sm-4"
><a
target=
"_blank"
href=
"http://necolas.github.io/normalize.css/"
class=
"card"
><strong
class=
"card-heading"
>
normalize
</strong></a></div>
<div
class=
"col-md-3 col-sm-4"
><a
target=
"_blank"
href=
"http://getbootstrap.com/"
class=
"card"
><strong
class=
"card-heading"
>
Bootstrap
</strong></a></div>
<div
class=
"col-md-3 col-sm-4"
><a
target=
"_blank"
href=
"http://kindeditor.net/"
class=
"card"
><strong
class=
"card-heading"
>
kindeditor
</strong></a></div>
<div
class=
"col-md-3 col-sm-4"
><a
target=
"_blank"
href=
"http://harvesthq.github.io/chosen/"
class=
"card"
><strong
class=
"card-heading"
>
Chosen
</strong></a></div>
<div
class=
"col-md-3 col-sm-4"
><a
target=
"_blank"
href=
"http://www.malot.fr/bootstrap-datetimepicker"
class=
"card"
><strong
class=
"card-heading"
>
Datetime picker
</strong></a></div>
<div
class=
"col-md-3 col-sm-4"
><a
target=
"_blank"
href=
"http://lesscss.org/"
class=
"card"
><strong
class=
"card-heading"
>
Less
</strong></a></div>
</div>
</div>
</div>
...
...
javascript.html
浏览文件 @
5f380861
...
...
@@ -25,13 +25,14 @@ base_url: "./"
<header>
<nav
id=
"navbar"
class=
"navbar navbar-inverse navbar-fixed-left navbar-collapsed"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<a
class=
"navbar-brand"
href=
"/"
>
ZUI
</a>
<a
class=
"navbar-brand"
href=
"/
zui
"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"start.html#about"
>
框架说明
</a></li>
<li><a
href=
"start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"start.html#browsers"
>
受支持的平台
</a></li>
</ul>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
基础
</li>
...
...
start.html
浏览文件 @
5f380861
...
...
@@ -30,6 +30,7 @@ base_url: "./"
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"start.html#about"
>
框架说明
</a></li>
<li><a
href=
"start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"start.html#browsers"
>
受支持的平台
</a></li>
</ul>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
基础
</li>
...
...
@@ -128,6 +129,31 @@ base_url: "./"
<p>
还没写...
</p>
</section>
<section
id=
"browsers"
>
<div
class=
"page-header"
>
<h2>
受支持的平台
</h2>
</div>
<h3>
桌面浏览器
</h3>
<ul>
<li>
IE8+
</li>
<li>
Opera 12+
</li>
<li>
Firefox 4+
</li>
<li>
Safari 5+
</li>
<li>
Chrome 10+
</li>
</ul>
<h3>
移动浏览器
</h3>
<ul>
<li>
IOS 4+ Safari
</li>
<li>
Chrome for Android
</li>
<li>
Chrome for IOS
</li>
<li>
Chrome for Android
</li>
<li>
Windows Phone 7+ IE
</li>
</ul>
</section>
</div>
<script
src=
"dist/js/jquery.js"
></script>
...
...
views.html
浏览文件 @
5f380861
...
...
@@ -25,13 +25,14 @@ base_url: "./"
<header>
<nav
id=
"navbar"
class=
"navbar navbar-inverse navbar-fixed-left navbar-collapsed"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<a
class=
"navbar-brand"
href=
"/"
>
ZUI
</a>
<a
class=
"navbar-brand"
href=
"/
zui
"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
开始
</li>
<li><a
href=
"start.html#about"
>
框架说明
</a></li>
<li><a
href=
"start.html#files"
>
文件目录结构
</a></li>
<li><a
href=
"start.html#browsers"
>
受支持的平台
</a></li>
</ul>
<ul
class=
"nav navbar-nav collapsed"
>
<li
class=
"nav-heading"
>
基础
</li>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录