index.html 12.3 KB
Newer Older
C
Catouse 已提交
1
<!DOCTYPE html>
C
Catouse 已提交
2 3 4 5 6 7
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ZUI - 开源HTML5跨屏框架</title>
C
Catouse 已提交
8

C
Catouse 已提交
9 10
    <link href="docs/css/zui.min.css" rel="stylesheet">
    <link href="docs/css/doc.min.css" rel="stylesheet">
C
Catouse 已提交
11

C
Catouse 已提交
12 13 14
    <link rel="shortcut icon" href="docs/favicon.ico" type="image/x-icon">
    <link rel="icon" href="docs/favicon.ico" type="image/x-icon">

C
Catouse 已提交
15 16 17 18 19
    <!--[if lt IE 9]>
      <script src="dist/lib/ieonly/html5shiv.js"></script>
      <script src="dist/lib/ieonly/respond.js"></script>
      <script src="dist/lib/ieonly/excanvas.js"></script>
    <![endif]-->
C
Catouse 已提交
20 21 22 23 24 25 26
  </head>
  <body>
    <header id="header">
      <div class="navbar navbar-inverse navbar-fixed-top" id="navbar" role="banner">
        <div class="container">
          <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".zui-navbar-collapse">
C
Catouse 已提交
27
              <span class="sr-only">切换导航</span>
C
Catouse 已提交
28 29 30 31
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
C
Catouse 已提交
32
            <a href="/" class="navbar-brand"><span class="path-zui-36"><i class="path-1"></i><i class="path-2"></i></span> <span class="brand-title">ZUI</span> &nbsp;<small class="zui-version"></small> <i data-toggle="tooltip" id="compactTogger" data-placement="bottom" class="icon icon-home"></i></a>
C
Catouse 已提交
33 34 35
          </div>
          <nav class="collapse navbar-collapse zui-navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
C
Catouse 已提交
36
              <li id="navDownloadLink"><a title="立即下载" href="docs/download/zui-1.3.1-dist.zip" target="_blank"><i class="icon icon-download-alt"></i><span> 立即下载</span></a></li>
C
Catouse 已提交
37 38
              <li><a title="论坛" href="http://forum.zui.sexy/forum/" target="_blank"><i class="icon icon-comments-alt"></i><span> 论坛</span></a></li>
              <li><a title="在Github上Star项目" href="https://github.com/easysoft/zui" target="_blank"><i class="icon icon-github"></i><span> Star</span></a></li>
C
Catouse 已提交
39 40 41 42 43 44 45 46 47 48
            </ul>
          </nav>
        </div>
      </div>
      <div id="headContainer">
        <div class="container">
          <div id="heading">
            <h1>ZUI</h1>
            <p>一个开源前端实践方案,帮助你快速构现代跨屏应用。</p>
            <div id="download">
C
Catouse 已提交
49
              <a href="docs/download/zui-1.3.1-dist.zip" class="btn btn-primary btn-lg">立即下载 <i class="icon icon-download-alt"></i></a>
50
              <p><small>最新版本 <span class="zui-version"><i class='icon icon-spin icon-spinner-indicator'></i></span> &nbsp; <a style="color: #f1f1f1" href="https://github.com/easysoft/zui/archive/master.zip" target="_blank">下载源码</a></small></p>
C
Catouse 已提交
51
            </div>
C
Catouse 已提交
52
            <p>QQ群:384135104 &nbsp; <a href="http://forum.zui.sexy/forum/" style="color: #f1f1f1" target="_blank"><i class="icon icon-comments-alt"></i> 论坛</a></p>
C
Catouse 已提交
53 54 55
          </div>
          <div id="search">
            <div id="searchForm">
56
              <input type="text" class="form-control input-lg" id="searchInput" placeholder="按钮, control, icon-star..."/>
C
Catouse 已提交
57 58 59 60 61 62 63 64
              <i class="icon icon-search"></i>
              <button id="searchHelpBtn" type="button" class="btn btn-link"><i class="icon icon-question"></i></button>
            </div>
          </div>
        </div>
      </div>
    </header>

C
Catouse 已提交
65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
    <div id="page">
      <div id="pageHeader">
        <div class="wrapper container">
          <i class="icon icon-star"></i>
          <h2><a class="name" href="###">图标</a></h2>
          <button type="button" class="btn btn-link" id="pageTogger" title="折叠/展开 章节" data-toggle="tooltip"></button>
          <button data-toggle="tooltip" title="关闭(ESC)" type="button" class="btn btn-link path-close-btn path-btn" id="pageCloseBtn"><i class="path-1"></i></button>
        </div>
      </div>
      <div id="pageBody" class="scrollbar-hover">
        <div class="container">
          <div id="pageAttrs" class="clearfix">
            <div class="badge badge-zui" style="display: none" data-toggle="tooltip" title="此组件在标准版中提供">ZUI</div>
            <div class="badge badge-lite" style="display: none" data-toggle="tooltip" title="此组件在简洁版中提供">LITE</div>
            <div class="badge badge-lib" style="display: none" data-toggle="tooltip" title="此组件在lib目录中单独提供">LIB</div>
            <a class="badge badge-party" style="display: none" data-toggle="tooltip" title="这是第三方组件,点击访问网站" target="_blank"><i class="icon icon-heart"></i> <span class="product-ver"></span></a>
            <div class="badge badge-custom" style="display: none" data-toggle="tooltip" title="此组件可以拆分使用"><i class="icon icon-cogs"></i></div>
            <div class="badge badge-version" style="display: none" data-toggle="tooltip" title="此组件的最早提供版本">1.2.0+</div>
            <div class="badge badge-author hidden" data-toggle="tooltip" title="本文档作者"><i class="icon icon-user"></i> <span class="author-name">Catouse</span></div>
            <a target="_blank" href="https://github.com/easysoft/zui/tree/master/docs/part" class="badge badge-source pull-right" data-toggle="tooltip" title="访问文档源码,Fork项目来完善文档"><i class="icon icon-pencil"></i></a>
C
Catouse 已提交
85 86
          </div>
        </div>
C
Catouse 已提交
87
        <div class="loader" id="pageLoader"><i class="icon icon-spin icon-spinner-indicator"></i> <span class="loading-text">加载中...</span><span class="error-text">加载失败,请检查网络重试。<br>另一个导致无法加载文档的原因可能是该文档尚未完成。<br>欢迎你在 <a href="https://github.com/easysoft/zui">Github</a><a href="https://github.com/easysoft/zui/fork">Fork</a> 项目来完善文档。</span></div>
C
Catouse 已提交
88 89 90 91
        <div class="container">
          <div id="pageContent"></div>
          <nav></nav>
        </div>
C
Catouse 已提交
92 93
      </div>
    </div>
C
Catouse 已提交
94

C
Catouse 已提交
95 96
    <div class="text-muted loader loading"><i class="icon icon-spin icon-spinner-indicator"></i> 加载中...</div>

C
Catouse 已提交
97 98 99
    <div id="grid">
      <div class="container">
        <div class="row">
C
Catouse 已提交
100
          <div class="col col-md-d5 col-sm-6">
C
Catouse 已提交
101 102 103 104 105 106 107 108
            <div class="chapter" id="chapter-basic" data-id="basic">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-book"></i> <span class='name'>基础</span></h4>
              </div>
              <div class="chapter-body" id="sections-basic">
              </div>
            </div>
          </div>
C
Catouse 已提交
109
          <div class="col col-md-d5 col-sm-6">
C
Catouse 已提交
110 111 112 113 114 115 116
            <div class="chapter" id="chapter-control" data-id="control">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-check-empty"></i> <span class='name'>控件</span></h4>
              </div>
              <div class="chapter-body" id="sections-control">
              </div>
            </div>
C
Catouse 已提交
117 118
          </div>
          <div class="col col-md-d5 col-sm-6">
C
Catouse 已提交
119 120 121 122 123 124 125 126
            <div class="chapter" id="chapter-component" data-id="component">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-columns"></i> <span class='name'>组件</span></h4>
              </div>
              <div class="chapter-body" id="sections-component">
              </div>
            </div>
          </div>
C
Catouse 已提交
127
          <div class="col col-md-d5 col-sm-6">
C
Catouse 已提交
128 129 130 131 132 133 134
            <div class="chapter" id="chapter-javascript" data-id="javascript">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-magic"></i> <span class='name'>JS插件</span></h4>
              </div>
              <div class="chapter-body" id="sections-javascript">
              </div>
            </div>
C
Catouse 已提交
135 136
          </div>
          <div class="col col-md-d5 col-sm-6">
C
Catouse 已提交
137 138 139 140 141 142 143 144
            <div class="chapter" id="chapter-view" data-id="view">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-list-alt"></i> <span class='name'>视图</span></h4>
              </div>
              <div class="chapter-body" id="sections-view">
              </div>
            </div>
          </div>
C
Catouse 已提交
145
        </div>
C
Catouse 已提交
146
        <div class="row">
C
Catouse 已提交
147 148 149 150 151 152 153 154 155 156
          <div class="col col-md-3 col-sm-6">
            <div class="chapter" id="chapter-learn" data-id="learn">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-node"></i> <span class='name'>交流探索</span></h4>
              </div>
              <div class="chapter-body" id="sections-learn">
              </div>
            </div>
          </div>
          <div class="col col-md-3 col-sm-6">
C
Catouse 已提交
157 158 159 160 161 162 163 164
            <div class="chapter" id="chapter-promotion" data-id="promotion">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-diamond"></i> <span class='name'>推荐</span></h4>
              </div>
              <div class="chapter-body" id="sections-promotion">
              </div>
            </div>
          </div>
C
Catouse 已提交
165
          <div class="col col-md-3 col-sm-6">
C
Catouse 已提交
166 167 168 169 170 171 172 173
            <div class="chapter" id="chapter-resource" data-id="resource">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-coffee"></i> <span class='name'>更多资源</span></h4>
              </div>
              <div class="chapter-body" id="sections-resource">
              </div>
            </div>
          </div>
C
Catouse 已提交
174
          <div class="col col-md-3 col-sm-6">
C
Catouse 已提交
175 176 177 178 179 180 181 182
            <div class="chapter" id="chapter-contribution" data-id="contribution">
              <div class="chapter-heading fade scale show">
                <h4><i class="icon icon-heart"></i> <span class='name'>贡献</span></h4>
              </div>
              <div class="chapter-body" id="sections-contribution">
              </div>
            </div>
          </div>
C
Catouse 已提交
183
        </div>
C
Catouse 已提交
184 185
      </div>
    </div>
C
Catouse 已提交
186 187 188 189 190 191 192

    <footer>
      <div class="container">
        <hr>
        <p class="text-muted"><small>文档版本 <span class="doc-version"><i class="icon icon-spin icon-spinner-indicator"></i></span></small></p>
      </div>
    </footer>
C
Catouse 已提交
193
 
C
Catouse 已提交
194 195 196 197 198 199 200 201 202 203
    <!-- 一些html模板代码片段 -->
    <div class="template">
      <div class="card section fade scale slide-in-up-100 slide-in-right-50" id="sectionTemplate">
        <div class="card-heading">
          <i class="icon"></i>
          <h5><a class="name" href="###"></a></h5>
        </div>
        <div class="card-content">
          <ul class="topics">
          </ul>
C
Catouse 已提交
204 205
        </div>
      </div>
C
Catouse 已提交
206 207 208 209
      <div class="card-content section-preview icon-preview" id="iconPreviewTemplate">
        <div class="icons"><i class="icon icon-10x"></i><i class="icon icon-5x"></i><i class="icon icon-2x"></i><i class="icon"></i></div>
        <h3><small><i class="icon "></i></small> <span class="name color-accent"></span>  <small>Unicode: \<span class="unicode">f3dd</span><span class="alias"> · 别名:<span class="alias-values"></span></span></small></h3>
        <pre><code><span class="tag">&lt;i</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">&quot;icon <span class="name"></span>&quot;</span><span class="tag">&gt;&lt;/i&gt;</span></code></pre>
C
Catouse 已提交
210
      </div>
C
Catouse 已提交
211 212
    </div>

C
Catouse 已提交
213 214 215 216
    <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="assets/jquery.js"></script>

    <!-- ZUI Javascript组件 -->
C
Catouse 已提交
217 218
    <script src="docs/js/zui.min.js"></script>
    <script src="docs/js/doc.min.js"></script>
C
Catouse 已提交
219

C
Catouse 已提交
220
    <!-- 增强文档插件 -->
221
    <script async src="assets/prettify/prettify.js"></script>
C
Catouse 已提交
222 223
    <script async src="assets/marked/marked.min.js"></script>

C
Catouse 已提交
224
    <!-- Static -->
C
Catouse 已提交
225
    <div class="hide"><script src="http://s95.cnzz.com/stat.php?id=1253026255&web_id=1253026255"></script></div>
C
Catouse 已提交
226 227 228 229 230
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
C
Catouse 已提交
231

C
Catouse 已提交
232 233 234 235
      ga('create', 'UA-53781622-1', 'auto');
      ga('send', 'pageview');
    </script>
  </body>
C
Catouse 已提交
236
</html>