Skip to content

Z
zui

zzx_123123 / zui
与 Fork 源项目一致

Fork自 易企天创 / zui

通知 1
Star 0
Fork 0
Z
zui

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

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

* updated document.

上级 ebcad504
展开全部 隐藏空白更改
内联 并排
Showing with 1547 addition and 79 deletion
_includes/nav-main.html
浏览文件 @ dc354589
......@@ -15,6 +15,7 @@
<li><a href="basic.html#">栅格系统</a></li>
<li><a href="basic.html#type">文字排版</a></li>
<li><a href="basic.html#colorset">配色</a></li>
<li><a href="basic.html#scrollbars">滚动条</a></li>
</ul>
<ul class="nav navbar-nav">
<li class="nav-heading">控件</li>
......@@ -30,21 +31,22 @@
</ul>
<ul class="nav navbar-nav">
<li class="nav-heading">组件</li>
<li><a href="components.html#">警告框</a></li>
<li><a href="components.html#alerts">消息框</a></li>
<li><a href="components.html#code">代码</a></li>
<li><a href="components.html#form">表单</a></li>
<li><a href="components.html#">输入组</a></li>
<li><a href="components.html#">列表组</a></li>
<li><a href="components.html#">导航</a></li>
<li><a href="components.html#">导航条</a></li>
<li><a href="components.html#">分页器</a></li>
<li><a href="components.html#">面板</a></li>
<li><a href="components.html#">表格</a></li>
<li><a href="components.html#">按钮组</a></li>
<li><a href="components.html#inputgroup">输入组</a></li>
<li><a href="components.html#listgroup">列表组</a></li>
<li><a href="components.html#navs">导航</a></li>
<li><a href="components.html#navbars">导航条</a></li>
<li><a href="components.html#pagers">分页器</a></li>
<li><a href="components.html#panels">面板</a></li>
<li><a href="components.html#tables">表格</a></li>
<li><a href="components.html#buttongroup">按钮组</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="###">幻灯片</a></li>
<li><a href="###">下来菜单</a></li>
<li><a href="###">富文本编辑器</a></li>
......@@ -56,6 +58,7 @@
</ul>
<ul class="nav navbar-nav">
<li class="nav-heading">视图</li>
<li><a href="views.html#form">表单</a></li>
<li><a href="###">文章</a></li>
<li><a href="###">卡片</a></li>
<li><a href="###">列表</a></li>
......
components.html
浏览文件 @ dc354589
此差异已折叠。
controls.html
浏览文件 @ dc354589
......@@ -898,20 +898,18 @@ base_url: "./"
<div class="page-header">
<h2>图片</h2>
</div>
<h3>类型</h3>
<h4>圆角图片</h4>
<img src="examples/img/img1.png" width="200px" height="200px" class='img-rounded' alt="">
<div class="panel"><img src="examples/img/img2.jpg" width="200px" height="200px" class='img-rounded' alt=""></div>
<h4>圆形图片</h4>
<img src="examples/img/img1.png" width="200px" height="200px" class='img-circle' alt="">
<div class="panel"><img src="examples/img/img2.jpg" width="200px" height="200px" class='img-circle' alt=""></div>
<h4>缩略图</h4>
<img src="examples/img/img1.png" width="200px" height="200px" class='img-thumbnail' alt="">
<div class="panel"><img src="examples/img/img2.jpg" width="200px" height="200px" class='img-thumbnail' alt=""></div>
<h3>参数</h3>
<h4>响应式图片</h4>
<p>图片最大宽度将不会超过父级容器</p>
<div class="panel" style='width: 250px;'>
<img src="examples/img/img1.png" class='img-responsive' alt="">
<img src="examples/img/img2.jpg" class='img-responsive' alt="">
</div>
</section>
......@@ -939,25 +937,25 @@ base_url: "./"
<h1>Heading1 一级标题</h1>
</td>
<td><code>&lt;h1&gt;</code></td>
<td>36px</td>
<td>28px</td>
<td>在一个页面（或在<code>hgroup</code>标记的范围内）只有一个页面标题。</td>
</tr>
<tr>
<td><h2>Heading2 二级标题</h2></td>
<td><code>&lt;h2&gt;</code></td>
<td>30px</td>
<td>24px</td>
<td>作为页面第二级标题，可能在一个页面中使用到多个二级标题。</td>
</tr>
<tr>
<td><h3>Heading3 三级标题</h3></td>
<td><code>&lt;h3&gt;</code></td>
<td>24px 粗体</td>
<td>20px 粗体</td>
<td>页面第三级标题，嵌套在二级标题下使用。</td>
</tr>
<tr>
<td><h4>Heading4 四级标题</h4></td>
<td><code>&lt;h4&gt;</code></td>
<td>18px 粗体</td>
<td>16px 粗体</td>
<td>页面第四级标题，嵌套在三级标题下使用。</td>
</tr>
<tr>
......
dist/css/zui.css
浏览文件 @ dc354589
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
examples/alerts.html
浏览文件 @ dc354589
......@@ -123,7 +123,7 @@
</div>
<h4>块级消息</h4>
<p>块级消息框将没有边距</p>
<p>块级消息框将没有内边距和外边距，适合用在页面顶部或者浮现在页面之上</p>
<div contenteditable="true" spellcheck="false" class="segment no-padding">
<div class="alert alert-block alert-success">
<i class="icon-heart"></i>
......
examples/forms.html
浏览文件 @ dc354589
......@@ -131,7 +131,7 @@
</div>
<div class="form-group">
<label class="col-md-2 control-label">标题<span class='required'></span></label>
<label class="col-md-2 control-label">标题</label>
<div class="col-md-10 has-error">
<input type='text' name='title' id='title' value='' class='form-control' placeholder=''/>
<div class="help-block alert alert-warning">标题不能为空</div>
......
examples/input-groups.html
浏览文件 @ dc354589
......@@ -86,7 +86,7 @@
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
</div>
<h4>单选框和复选框</h4>
......@@ -112,12 +112,11 @@
</div>
<h4>分段按钮</h4>
<div class="input-group col-md-6">
<div class="input-group">
<input type="text" class="form-control" placeholder='请输入邮箱地址'>
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder='请输入邮箱后缀'>
</div>
</section>
</article>
</body>
......
src/less/components/forms.less
浏览文件 @ dc354589
......@@ -292,7 +292,7 @@ input[type="radio"], input[type="checkbox"], .radio, .radio-inline, .checkbox, .
color: @state-danger-text;
display: inline-block;
position: absolute;
top: 3px;
top: 5px;
font-size: @font-size-large;
}
}
views.html 0 → 100644
浏览文件 @ dc354589
---
layout: default
title: 视图
slug: views
lead: "常用视图."
base_url: "./"
---
<div class="page-header">
<h1>视图</h1>
</div>
<section id="form">
<div class="page-header">
<h2>表单</h2>
</div>
<h3>类型</h3>
<h4>基本类型</h4>
<div class='panel'>
<div class='panel-heading'>创建文章</div>
<div class='panel-body'>
<form class="form-horizontal" role="form" method='post'>
<legend>legend</legend>
<div class="form-group">
<label class="col-md-2 control-label required">类目</label>
<div class="col-md-4">
<select name='categories[]' id='categories' multiple='multiple' class='select-3 form-control chosen'>
<option value='2'>/蝉知动态</option>
<option value='51'>/asd</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">作者</label>
<div class="col-md-4">
<input type='text' name='author' id='author' value='demo' class='form-control' />
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">创建日期</label>
<div class="col-md-4">
<div class="input-group">
<input type='text' name='date' id='date' value='2013-2-13' class='form-control' />
<span class="input-group-btn"> <button class="btn btn-default" type="button">田</button> </span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">来源</label>
<div class='col-md-4'>
<select name='original' id='original' class='form-control'>
<option value='1' selected='selected'>原创</option>
<option value='0'>转贴</option>
</select>
</div>
<div id='copyBox'>
<div class='col-md-2'><input type='text' name='copySite' id='copySite' value='' class='form-control' placeholder='来源网站' /></div>
<div class='col-md-3'><input type='text' name='copyURL' id='copyURL' value='' class='form-control' placeholder='来源URL' /></div>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">标题</label>
<div class="col-md-10 has-error">
<input type='text' name='title' id='title' value='' class='form-control' placeholder=''/>
<div class="help-block alert alert-warning">标题不能为空</div>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">英文别名</label>
<div class="col-md-10">
<div class="input-group">
<span class="input-group-addon">http://demo.chanzhi.org/article/id@</span>
<input type='text' name='alias' id='alias' value='' class='form-control' />
<span class="input-group-addon">.html</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">关键字</label>
<div class="col-md-10">
<input type='text' name='keywords' id='keywords' value='' class='form-control' />
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">摘要</label>
<div class="col-md-10">
<textarea name='summary' id='summary' rows='2' class='form-control'></textarea>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">内容</label>
<div class="col-md-10">
<textarea name='content' id='content' rows='10' class='form-control'></textarea>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">保存为</label>
<div class="col-md-10">
<label class='radio-inline'> <input type="radio" name="optionsRadios" value="option1" checked> 草稿 </label>
<label class='radio-inline'> <input type="radio" name="optionsRadios" value="option2"> 私人 </label>
<label class='radio-inline'> <input type="radio" name="optionsRadios" value="option2"> 公开 </label>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type='submit' id='submit' class='btn btn-primary' value='保存' data-loading='稍候...' /> <input type='hidden' name='type' id='type' value='article' />
</div>
</div>
</form>
</div>
</div>
</section>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或