Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zzx_123123
zui
提交
dc354589
Z
zui
项目概览
zzx_123123
/
zui
与 Fork 源项目一致
Fork自
易企天创 / zui
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
dc354589
编写于
1月 22, 2014
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* updated document.
上级
ebcad504
变更
9
展开全部
隐藏空白更改
内联
并排
Showing
9 changed file
with
1547 addition
and
79 deletion
+1547
-79
_includes/nav-main.html
_includes/nav-main.html
+13
-10
components.html
components.html
+1396
-52
controls.html
controls.html
+8
-10
dist/css/zui.css
dist/css/zui.css
+1
-1
examples/alerts.html
examples/alerts.html
+1
-1
examples/forms.html
examples/forms.html
+1
-1
examples/input-groups.html
examples/input-groups.html
+2
-3
src/less/components/forms.less
src/less/components/forms.less
+1
-1
views.html
views.html
+124
-0
未找到文件。
_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/img
1.png"
class=
'img-responsive'
alt=
""
>
<img
src=
"examples/img/img
2.jpg"
class=
'img-responsive'
alt=
""
>
</div>
</section>
...
...
@@ -939,25 +937,25 @@ base_url: "./"
<h1>
Heading1 一级标题
</h1>
</td>
<td><code>
<
h1
>
</code></td>
<td>
36
px
</td>
<td>
28
px
</td>
<td>
在一个页面(或在
<code>
hgroup
</code>
标记的范围内)只有一个页面标题。
</td>
</tr>
<tr>
<td><h2>
Heading2 二级标题
</h2></td>
<td><code>
<
h2
>
</code></td>
<td>
30
px
</td>
<td>
24
px
</td>
<td>
作为页面第二级标题,可能在一个页面中使用到多个二级标题。
</td>
</tr>
<tr>
<td><h3>
Heading3 三级标题
</h3></td>
<td><code>
<
h3
>
</code></td>
<td>
2
4
px 粗体
</td>
<td>
2
0
px 粗体
</td>
<td>
页面第三级标题,嵌套在二级标题下使用。
</td>
</tr>
<tr>
<td><h4>
Heading4 四级标题
</h4></td>
<td><code>
<
h4
>
</code></td>
<td>
1
8
px 粗体
</td>
<td>
1
6
px 粗体
</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:
3
px;
top:
5
px;
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录