Skip to content

Z
zui

易企天创 / zui
11 个月 前同步成功

通知 6
Star 0
Fork 1
Z
zui

体验新版 GitCode，发现更多精彩内容 >>

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

* change directory structure.-a

上级 b144364f
隐藏空白更改
内联 并排
Showing with 30 addition and 124 deletion
_inlcudes/nav-main.html 0 → 100644
浏览文件 @ 750f5124
<nav>
<a href="getting-start">起步</a>
<a href="">基础</a>
<a href="">控件</a>
</nav>
\ No newline at end of file
_layouts/default.html
浏览文件 @ 750f5124
<!doctype html>
<html lang="en">
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<!-- Meta, title, CSS, favicons, etc. -->
{% include header.html %}
</head>
<body>
<header>
{% include nav-main.html %}
</header>
{{ content }}
{% include footer.html %}
</body>
......
index.html
浏览文件 @ 750f5124
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="UTF-8">
<title>ZUI</title>
<!-- viewport meta to reset iPhone inital scale -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- css3-mediaqueries.js and html5shiv for IE8 or older -->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<script src="tools/html5shiv.js"></script>
<![endif]-->
<!-- normalize.css: Make the browsers diaplay with same style. -->
<link rel="stylesheet" type="text/css" href="tools/normalize.css"/>
<!-- Modernizr.js: the feature detection library for HTML5/CSS3. -->
<script src="tools/modernizr.js" type="text/javascript"></script>
<!-- zui less -->
<link rel="stylesheet/less" type="text/css" href="basic/grid.less"/>
<!-- es5-shim.js: Make legacy JavaScript engines supporting ECMA-262 V5 methods. -->
<script src="tools/es5-shim.js" type="text/javascript"></script>
<!-- less.js -->
<script src="tools/less.js" type="text/javascript"></script>
</head>
<body>
<h1>1</h1>
<div class='zui grid unit1'><div>.zui.grid.unit1</div></div>
<div class='zui grid'><div class='unit16'>.zui.grid unit16</div></div>
<h1>2</h1>
<div class='zui grid unit2'>
<div></div>
<div></div>
</div>
<div class='zui grid'>
<div class='unit5'></div>
<div class='unit11'></div>
</div>
<h1>3</h1>
<div class='zui grid unit3'>
<div></div>
<div></div>
<div></div>
</div>
<div class='zui grid'>
<div class='unit2'></div>
<div class='unit4'></div>
<div class='unit10'></div>
</div>
<h1>4</h1>
<div class='zui grid unit4'>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class='zui grid'>
<div class='unit1'></div>
<div class='unit2'></div>
<div class='unit3'></div>
<div class='unit10'></div>
</div>
<h1>Float</h1>
<div class='zui grid unit1'>
<div class='zui grid '>
<div class='unit2 f-left'>.f-left</div>
<div class='unit7 f-right'>.f-right</div>
</div>
</div>
<h1> grid in grid</h1>
<div class="zui grid">
<div class="unit4">
<div class='zui grid'>
<div class='unit4'><div class='zui segment'>b</div></div>
<div class='unit4'><div class='zui segment'>b</div></div>
<div class='unit4'><div class='zui segment'>b</div></div>
<div class='unit4'><div class='zui segment'>b</div></div>
</div>
</div>
<div class="unit4"><div class='zui segment'>a</div></div>
<div class="unit4"><div class='zui segment'>a</div></div>
<div class="unit4"><div class='zui segment'>a</div></div>
</div>
<style>
#header > div, #main > div, #footer > div {margin:3px 0px; padding:0px; text-align:center;}
#main > div {min-height:300px;}
@media screen and (max-width:992px)
{
#menu {display:none}
#content {width:100%; background:green;}
}
</style>
<h1>Demo(rwd)</h1>
<div id='header' class='zui grid unit1'><div><h2>Header</h2></div></div>
<div id='main' class='zui grid'>
<div id='menu' class='unit5'><h2>menu</h2></div>
<div id='content' class='unit11'><h2>content</h2></div>
</div>
<div id='footer' class='zui grid unit1'><div><h2>Footer</h2></div></div>
</body>
</html>
---
layout: default
title: ZUI
base_url: "./"
---
<div>
</div>
\ No newline at end of file
standards.md
浏览文件 @ 750f5124
......@@ -82,7 +82,8 @@ ZUI中的大多数界面元素都有不同的子类型、状态及参数。关
│ ├── js/ // js框架
│ └── less/ // 样式
│ └──basic/ // 基础
│ └──normalize.less // css normalize
│ ├──normalize.less // css normalize
│ └──grid.less // 栅格系统
├── dist/ // 可用版本
│ ├── css/
│ ├── js/
......@@ -104,4 +105,9 @@ ZUI中的大多数界面元素都有不同的子类型、状态及参数。关
### 3.1 css normalize ###
采用开源项目 [normalize.css](git.io/normalize) 进行样式重置。
\ No newline at end of file
采用开源项目 [normalize.css](git.io/normalize) 进行样式重置。
### 3.2 栅格系统 ###
todo(azhi)：撰写栅格系统文档
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或