Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zzx_123123
zui
提交
393ea7a5
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,发现更多精彩内容 >>
提交
393ea7a5
编写于
9月 02, 2016
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* update download document.
上级
f2a14f20
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
110 addition
and
3 deletion
+110
-3
docs/index.json
docs/index.json
+11
-2
docs/part/basic-download.md
docs/part/basic-download.md
+98
-0
index.html
index.html
+1
-1
未找到文件。
docs/index.json
浏览文件 @
393ea7a5
...
...
@@ -296,8 +296,16 @@
"id"
:
"download"
,
"name"
:
"下载与使用"
,
"version"
:
"1.5.0"
,
"topics"
:
[],
"filter"
:
"xiazai xz shiyong sy"
"topics"
:
[{
"name"
:
"下载"
},
{
"name"
:
"使用免费 CDN"
},
{
"name"
:
"通过 npm 安装"
},
{
"name"
:
"通过 Bower 安装"
}],
"filter"
:
"xiazai xz shiyong sy npm bower cdn"
},
{
"icon"
:
"icon-smile"
,
"id"
:
"hello"
,
...
...
@@ -386,6 +394,7 @@
"icon"
:
"icon-tablet"
,
"id"
:
"responsive"
,
"name"
:
"响应式设计 "
,
"update"
:
"1.5.0"
,
"topics"
:
[{
"name"
:
"禁用响应式设计"
}],
...
...
docs/part/basic-download.md
0 → 100644
浏览文件 @
393ea7a5
section: basic
id: download
description: 下载、CDN、获取源码
icon: icon-download
filter: xiazaiyushiyong xzysy
---
# 下载与使用
ZUI(当前版本 v{$version}) 提供了多种方式让你快速上手。你可以根据自己的需要选择合适的使用方式。
## 下载
<div
class=
"row"
>
<div
class=
"col-sm-6"
>
<h2>
ZUI 生产包
</h2>
<p>
包含编译及压缩后用于生产环境的 CSS、JavaScript 和字体文件(这些文件在源码包的
`dist`
目录下提供)。不包括文档和源码。
</p>
<a
href=
"docs/download/zui-{$version}-dist.zip"
class=
"btn btn-lg btn-primary"
target=
"_blank"
>
下载 ZUI
</a>
<a
href=
"https://github.com/easysoft/zui/releases/download/v{$version}/zui-{$version}-dist.zip"
class=
""
target=
"_blank"
>
从 Github 下载
</a>
</div>
<div
class=
"col-sm-6"
>
<h2>
ZUI 源码
</h2>
<p>
ZUI 的完整项目代码,包括 Less、JavaScript 和字体等源码文件,你还可以使用内置 gulp 任务来定制自己的版本,另外还有完整的文档。
</p>
<a
href=
"https://github.com/easysoft/zui/archive/v{$version}.zip"
class=
"btn btn-lg"
target=
"_blank"
>
下载源码
</a>
</div>
</div>
</div>
## 使用免费 CDN
### 由 <a href="https://cdnjs.com/libraries/zui" target="_blank">cdnjs</a> 提供:
```
html
<!-- ZUI 标准版压缩后的 CSS 文件 -->
<link
rel=
"stylesheet"
href=
"//cdnjs.cloudflare.com/ajax/libs/zui/{$version}/css/zui.min.css"
>
<!-- ZUI Javascript 依赖 jQuery -->
<script
src=
"//cdnjs.cloudflare.com/ajax/libs/zui/{$version}/lib/jquery/jquery.js"
></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script
src=
"//cdnjs.cloudflare.com/ajax/libs/zui/{$version}/js/zui.min.js"
></script>
```
cdnjs 支持使用
`https:`
或
`http:`
协议访问 ZUI
`dist`
目录下的所有文件,并且支持 ZUI 最新版本及所有历史版本,你可以按照如下格式获得 cdn 访问地址:
```
html
//cdnjs.cloudflare.com/ajax/libs/zui/版本号/dist目录下的文件路径及名称
```
所有可用文件请参考
<a
href=
"https://cdnjs.com/libraries/zui"
target=
"_blank"
>
ZUI 在 cndjs 上的页面
</a>
。
### 由国内 <a href="http://www.bootcdn.cn/" target="_blank">BootCDN</a> 提供:
```
html
<!-- ZUI 标准版压缩后的 CSS 文件 -->
<link
rel=
"stylesheet"
href=
"//cdn.bootcss.com/zui/{$version}/css/zui.min.css"
>
<!-- ZUI Javascript 依赖 jQuery -->
<script
src=
"//cdn.bootcss.com/zui/{$version}/lib/jquery/jquery.js"
></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script
src=
"//cdn.bootcss.com/zui/{$version}/js/zui.min.js"
></script>
```
BootCDN 支持使用
`https:`
或
`http:`
协议访问 ZUI
`dist`
目录下的所有文件,并且支持 ZUI 最新版本及所有历史版本,你可以按照如下格式获得 cdn 访问地址:
```
html
//cdn.bootcss.com/zui/版本号/dist目录下的文件路径及名称
```
所有可用文件请参考
<a
href=
"http://www.bootcdn.cn/zui/"
target=
"_blank"
>
ZUI 在 BootCDN 上的页面
</a>
。
## 通过 npm 安装
通过
<a
href=
"https://www.npmjs.com/package/zui"
>
npm
</a>
获取 ZUI 的生产文件及完整源码。
```
html
npm install zui
```
目前你并不能通过
`require('zui')`
来使用 ZUI 的 JavaScript 文件。你需要在页面中手动引用
`node_modules/zui/`
目录下的文件:
```
html
<!-- ZUI 标准版压缩后的 CSS 文件 -->
<link
rel=
"stylesheet"
href=
"node_modules/zui/dist/css/zui.min.css"
>
<!-- ZUI Javascript 依赖 jQuery -->
<script
src=
"node_modules/zui/dist/lib/jquery/jquery.js"
></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script
src=
"node_modules/zui/dist/js/zui.min.js"
></script>
```
## 通过 Bower 安装
通过 Bower 获取 ZUI 的生产文件及完整源码。
```
html
bower install zui
```
index.html
浏览文件 @
393ea7a5
...
...
@@ -48,7 +48,7 @@
<p>
一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。
</p>
<div
id=
"download"
>
<a
href=
"docs/download/zui-1.4.0-dist.zip"
class=
"btn btn-primary btn-lg"
>
立即下载
<i
class=
"icon icon-download-alt"
></i></a>
<a
href=
"#basic/download"
class=
"btn btn-white btn-lg"
>
快速
使用
<i
class=
"icon icon-hand-right"
></i></a>
<a
href=
"#basic/download"
class=
"btn btn-white btn-lg"
>
快速
上手
<i
class=
"icon icon-hand-right"
></i></a>
<p><small>
最新版本
<span
class=
"zui-version"
><i
class=
'icon icon-spin icon-spinner-indicator'
></i></span>
<a
style=
"color: #f1f1f1"
href=
"https://github.com/easysoft/zui/archive/master.zip"
target=
"_blank"
>
下载源码
</a></small></p>
</div>
<p>
QQ群:384135104
<a
href=
"http://forum.zui.sexy/forum/"
style=
"color: #f1f1f1"
target=
"_blank"
><i
class=
"icon icon-comments-alt"
></i>
论坛
</a></p>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录