Skip to content

Z
zui

zzx_123123 / zui
与 Fork 源项目一致

Fork自 易企天创 / zui

通知 1
Star 0
Fork 0
Z
zui

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

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

* updated doc.

上级 36cd5af2
展开全部 隐藏空白更改
内联 并排
Showing with 214 addition and 63 deletion
assets/css/doc.css
浏览文件 @ f5ad9ddd
......@@ -14,8 +14,22 @@ body
position: absolute;
left: 240px;
top: 0;
padding: 20px;
padding: 20px 40px;
background-color: #fff;
max-width: 800px;
max-width: 1500px;
min-width: 800px;
height: auto;
box-shadow:0px 1px 15px rgba(0,0,0,0.5);
}
#main.jumbotron
{
padding: 50px;
/* background-color: #145CCD;
color: #fff;*/
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.jumbotron h1
{
font-size: 48px;
}
assets/js/doc.js
浏览文件 @ f5ad9ddd
$(function ()
$(function()
{
var pathname = window.location.pathname;
var filename = pathname.substring(pathname.lastIndexOf('/')+1);
var name = filename.replace('.html','');
var navLi = $("#navbar li>a[href='"+filename+"']").closest('li');
navLi.addClass('active');
$("#navbarCurrent").text(name);
var next = navLi.next('li');
if(next.length>0)
{
$("#navbarNext").show().find('a').attr('href', next.find('a').attr('href')).html('NEXT: '+next.find('a').text()+'&nbsp;&nbsp;<i class="icon-angle-right icon-large"></i>');
}
});
\ No newline at end of file
$(window).resize(function(){$('#main').css('min-height', $(window).height());}).resize();
});
assets/js/example.js 0 → 100644
浏览文件 @ f5ad9ddd
$(function ()
{
var pathname = window.location.pathname;
var filename = pathname.substring(pathname.lastIndexOf('/')+1);
var name = filename.replace('.html','');
var navLi = $("#navbar li>a[href='"+filename+"']").closest('li');
navLi.addClass('active');
$("#navbarCurrent").text(name);
var next = navLi.next('li');
if(next.length>0)
{
$("#navbarNext").show().find('a').attr('href', next.find('a').attr('href')).html('NEXT: '+next.find('a').text()+'&nbsp;&nbsp;<i class="icon-angle-right icon-large"></i>');
}
});
\ No newline at end of file
dist/css/zui.chanzhi.css
浏览文件 @ f5ad9ddd
此差异已折叠。
dist/css/zui.css
浏览文件 @ f5ad9ddd
此差异已折叠。
examples/alerts.html
浏览文件 @ f5ad9ddd
......@@ -18,7 +18,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/article.html
浏览文件 @ f5ad9ddd
......@@ -20,7 +20,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/breadcrumb.html
浏览文件 @ f5ad9ddd
......@@ -17,7 +17,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/button-groups.html
浏览文件 @ f5ad9ddd
......@@ -15,7 +15,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/buttons.html
浏览文件 @ f5ad9ddd
......@@ -20,7 +20,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/cards.html
浏览文件 @ f5ad9ddd
......@@ -20,7 +20,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
<style>
.media-wrapper
{
......
examples/carousel.html
浏览文件 @ f5ad9ddd
......@@ -15,7 +15,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/chosen.html
浏览文件 @ f5ad9ddd
......@@ -19,7 +19,7 @@
<script src="../plugins/chosen/chosen.jquery.js" type="text/javascript"></script>
<script src="../assets/js/google-code-prettify/prettify.js"></script>
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
<script type="text/javascript">
$(function () {
var config = {
......
examples/code.html
浏览文件 @ f5ad9ddd
......@@ -21,7 +21,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body onload="prettyPrint()">
......
examples/collapse.html
浏览文件 @ f5ad9ddd
......@@ -18,7 +18,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/colorset.html
浏览文件 @ f5ad9ddd
......@@ -18,7 +18,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/comment.html
浏览文件 @ f5ad9ddd
......@@ -29,7 +29,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/doc.html
浏览文件 @ f5ad9ddd
......@@ -16,12 +16,11 @@
<script src="../dist/js/zui.min.js"></script>
<script src="../src/js/debug.js"></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-left" role="navigation">
......
examples/dropdowns.html
浏览文件 @ f5ad9ddd
......@@ -16,7 +16,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/forms.html
浏览文件 @ f5ad9ddd
......@@ -19,7 +19,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
</style>
......
examples/grid.html
浏览文件 @ f5ad9ddd
......@@ -20,7 +20,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/headers.html
浏览文件 @ f5ad9ddd
......@@ -20,7 +20,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/icons.html
浏览文件 @ f5ad9ddd
......@@ -17,7 +17,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/input-groups.html
浏览文件 @ f5ad9ddd
......@@ -19,7 +19,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/kindeditor.html
浏览文件 @ f5ad9ddd
......@@ -46,7 +46,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/labels.html
浏览文件 @ f5ad9ddd
......@@ -19,7 +19,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/lightbox.html
浏览文件 @ f5ad9ddd
......@@ -21,7 +21,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/list-group.html
浏览文件 @ f5ad9ddd
......@@ -19,7 +19,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/list.html
浏览文件 @ f5ad9ddd
......@@ -20,7 +20,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/modals.html
浏览文件 @ f5ad9ddd
......@@ -19,7 +19,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/navbars.html
浏览文件 @ f5ad9ddd
......@@ -20,7 +20,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/navs.html
浏览文件 @ f5ad9ddd
......@@ -29,7 +29,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
<style>
.segment .nav {margin-bottom: 20px;}
......
examples/pager.html
浏览文件 @ f5ad9ddd
......@@ -33,7 +33,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/panels.html
浏览文件 @ f5ad9ddd
......@@ -21,7 +21,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/popovers.html
浏览文件 @ f5ad9ddd
......@@ -43,7 +43,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/progress.html
浏览文件 @ f5ad9ddd
......@@ -16,7 +16,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/tables.html
浏览文件 @ f5ad9ddd
......@@ -20,7 +20,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/tabs.html
浏览文件 @ f5ad9ddd
......@@ -21,7 +21,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/textbox.html
浏览文件 @ f5ad9ddd
......@@ -19,7 +19,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
examples/tooltip.html
浏览文件 @ f5ad9ddd
......@@ -31,7 +31,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
......
examples/type.html
浏览文件 @ f5ad9ddd
......@@ -18,7 +18,7 @@
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script src="../assets/js/doc.js"></script>
<script src="../assets/js/example.js"></script>
</head>
<body>
......
getting-started.html
浏览文件 @ f5ad9ddd
......@@ -6,6 +6,12 @@ lead: "了解设计规范."
base_url: "./"
---
<h1>开始</h1>
<h2>这是什么？</h2>
<p>ZUI是一个前端框架。在开源项目Bootstrap的基础上开发而来。除了Bootstrap，我们还集成了其他实用的开源控件，包括chosen和Kindediter。</p>
<p></p>
<h1>规范</h1>
<hr />
<h2>1. 前端代码规范</h2>
......
src/less/basic/variables.less
浏览文件 @ f5ad9ddd
......@@ -119,12 +119,12 @@
@font-size-large: ceil(@font-size-base * 1.25); // 18px
@font-size-small: ceil(@font-size-base * 0.85); // 12px
@font-size-h1: floor(@font-size-base * 2.60); // 36px
@font-size-h2: floor(@font-size-base * 2.15); // 30px
@font-size-h3: ceil(@font-size-base * 1.70); // 24px
@font-size-h4: ceil(@font-size-base * 1.25); // 18px
@font-size-h1: floor(@font-size-base * 2.00); // 28px
@font-size-h2: floor(@font-size-base * 1.75); // 24px
@font-size-h3: floor(@font-size-base * 1.45); // 20px
@font-size-h4: floor(@font-size-base * 1.15); // 16px
@font-size-h5: @font-size-base;
@font-size-h6: ceil(@font-size-base * 0.85); // 12px
@font-size-h6: ceil(@font-size-base * 0.85); // 12px
// Line height.
@line-height-base: 1.428571429; // 20/14
......@@ -681,7 +681,7 @@
@icon-border-color: @color-gray-light;
@icon-muted-color: @color-gray-light;
@icon-light-color: @color-light;
@icon-dark-color: #333;
@icon-dark-color: @color-dark;
@icons-li-width: 30/14em;
@icon-font-file-name: zenicon;
@icon-font-name: ZenIcon;
test.html 0 → 100644
浏览文件 @ f5ad9ddd
<!DOCTYPE html>
<html>
<head>
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ZUI，一个简单灵活的前端框架。">
<meta name="author" content="Zentao">
<title>
ZUI
</title>
<!-- Core CSS -->
<link href="./dist/css/zui.css" rel="stylesheet">
<!-- Documentation extras -->
<link href="./assets/css/doc.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="./assets/js/html5shiv.js"></script>
<script src="./assets/js/respond.min.js"></script>
<![endif]-->
<!-- Favicons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="shortcut icon" href="./assets/ico/favicon.png">
</head>
<body>
<header>
<nav id="navbar" class="navbar navbar-inverse navbar-fixed-left" role="navigation">
<div class="navbar-header">
<a class="navbar-brand" href="/zui">ZUI</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="nav-heading">起步</li>
<li><a href="getting-started.html">开始</a></li>
<li><a href="">代码规范</a></li>
<li><a href="###">框架规范</a></li>
</ul>
<ul class="nav navbar-nav">
<li class="nav-heading">基础</li>
<li><a href="###">栅格系统</a></li>
<li><a href="###">文字排版</a></li>
<li><a href="###">兼容IE浏览器</a></li>
</ul>
<ul class="nav navbar-nav">
<li class="nav-heading">控件</li>
<li><a href="###">按钮</a></li>
<li><a href="###">标签</a></li>
<li><a href="###">图片</a></li>
<li><a href="###">进度条</a></li>
<li><a href="###">标题</a></li>
<li><a href="###">图标</a></li>
<li><a href="###">分隔</a></li>
<li><a href="###">面包屑</a></li>
</ul>
<ul class="nav navbar-nav">
<li class="nav-heading">组件</li>
<li><a href="###">警告框</a></li>
<li><a href="###">代码</a></li>
<li><a href="###">表单</a></li>
<li><a href="###">输入组</a></li>
<li><a href="###">列表组</a></li>
<li><a href="###">导航</a></li>
<li><a href="###">导航条</a></li>
<li><a href="###">分页器</a></li>
<li><a href="###">面板</a></li>
<li><a href="###">表格</a></li>
<li><a href="###">按钮组</a></li>
</ul>
<ul class="nav navbar-nav">
<li class="nav-heading">Javascript组件</li>
<li><a href="###">过渡动画</a></li>
<li><a href="###">幻灯片</a></li>
<li><a href="###">下来菜单</a></li>
<li><a href="###">Kindediter</a></li>
<li><a href="###">灯箱预览</a></li>
<li><a href="###">模态框</a></li>
<li><a href="###">系统对话框</a></li>
<li><a href="###">工具提示</a></li>
<li><a href="###">提示面板</a></li>
</ul>
<ul class="nav navbar-nav">
<li class="nav-heading">视图</li>
<li><a href="###">文章</a></li>
<li><a href="###">卡片</a></li>
<li><a href="###">列表</a></li>
<li><a href="###">评论</a></li>
</ul>
</div>
</nav>
</header>
<!-- <div id="main" class="jumbotron">
<div class="text-center">
<h1>ZenUI</h1>
<small>ZUI</small>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div> -->
<div id="main">
<h1>开始</h1>
<h2>这是什么？</h2>
<p>ZUI是一个前端框架。在开源项目Bootstrap的基础上定制开发而来。</p>
<p>除了Bootstrap，我们还集成了其他实用的开源控件，包括chosen和Kindediter。</p>
<p></p>
</div>
<script src="./assets/js/jquery.js"></script>
<script src="./dist/js/zui.js"></script>
<script src="./assets/js/doc.js"></script>
</body>
</html>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或