Skip to content

Z
zui

zzx_123123 / zui
与 Fork 源项目一致

Fork自 易企天创 / zui

通知 1
Star 0
Fork 0
Z
zui

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 5f380861 编写于 作者: C Catouse
浏览文件
操作

* updated documents.

上级 10a16871
隐藏空白更改
内联 并排
Showing with 124 addition and 11 deletion
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>
......
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> &nbsp;
<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.
先完成此消息的编辑！
想要评论请 注册 或