UNPKG

19.5 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="zh-CN">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
7 <meta name="format-detection" content="telephone=no,email=no" />
8 <meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
9 <meta name="description" content="description of your site">
10 <meta name="author" content="author of the site">
11 <title>{{title}}</title>
12 <link rel="stylesheet" href="source/main.css" />
13 {{if themeCSS && themeCSS.length}}
14 {{each themeCSS as item}}
15 <link rel="stylesheet" href="{{'theme/'+item}}" />
16 {{/each}}
17 {{/if}}
18 {{if insertCSS && insertCSS.length}}
19 {{each insertCSS as item}}
20 <link rel="stylesheet" href="{{item}}" />
21 {{/each}}
22 {{/if}}
23</head>
24<body{{if hasPageName && pagename}} class={{pagename}} {{/if}}>
25 <div class="ydoc">
26 <header class="ydoc-header">
27 <div class="ydoc-header-area">
28 {{if home}}
29 <a href="{{homeUrl}}" class="navbar-brand">{{home}}</a>
30 {{/if}}
31 <button class="ydocIcon navbar-toggle">&#xf020;</button>
32 <nav class="ydoc-nav">
33 <ul class="{{if navbars && navbars.length}}navbar-right{{else}}navbar-left{{/if}}">
34 {{if navbars && navbars.length}} {{each navbars as navbar}}
35 <li class="{{if navbar.active}}active{{/if}}">
36 <a href="{{navbar.url}}" target="">{{navbar.name}}</a>
37 </li>
38 {{/each}} {{else}} {{each tabs as tab}}
39 <li class="{{if tab.active}}active{{/if}}">
40 {{if tab.url}}
41 <a href="{{tab.url}}" target="_blank">{{tab.title}}</a> {{else}}
42 <a href="{{tab.name}}.html">{{tab.title}}</a> {{/if}}
43 </li>
44 {{/each}} {{/if}}
45 </ul>
46 </nav>
47 </div>
48 </header>
49 {{if navbars && navbars.length}}
50 <header class="ydoc-header ydoc-second-header">
51 <div class="ydoc-header-area">
52 <nav class="ydoc-nav">
53 <ul>
54 {{each tabs as tab}}
55 <li class="{{if tab.active}}active{{/if}}">
56 {{if tab.url}}
57 <a href="{{tab.url}}" target="_blank">{{tab.title}}</a> {{else}}
58 <a href="{{tab.name}}.html">{{tab.title}}</a> {{/if}}
59 </li>
60 {{/each}}
61 </ul>
62 </nav>
63 </div>
64 </header>
65 {{else}}
66 <!-- <header style="height:20px"></header> -->
67 {{/if}}
68 <!-- Docs page layout -->
69 {{if banner}}
70 <div class="ydoc-banner-bg">
71 <div class="ydoc-banner {{if homepage}}ydoc-banner-home{{/if}}">
72 <div class="ydoc-banner-area">
73 <h1 {{if homepage}}class="home-title"{{/if}}>{{banner.title}}</h1>
74 <p class="desc {{if homepage}}home-desc{{/if}}">{{banner.description}}</p>
75 {{if homepage}}
76 {{if homepage.button && homepage.button.length}}
77 {{each homepage.button as btn}}
78 <a class="ydoc-banner-button home-btn" href="{{btn.href}}">{{btn.name}}</a>
79 {{/each}}
80 {{else}}
81 <a class="ydoc-banner-button home-btn" href="{{homepage.button.href}}">{{homepage.button.name}}</a>
82 {{/if}}
83 {{if homepage.version}}
84 <p class="home-version">当前版本：{{homepage.version}}</p>
85 {{/if}}
86 {{/if}}
87 </div>
88 </div>
89 {{/if}}
90
91 <div class="ydoc-container">
92 {{if article.type == 'html'}} {{if article.sidebars}}
93 <div class="ydoc-container-content {{if homepage}}ydoc-container-home{{/if}}">
94 {{if homepage && homepage.intro}}
95 {{each homepage.intro as intro}}
96 {{if intro.title}}<h1 class="home-page-title">{{intro.title}}</h1>{{/if}}
97 {{if intro.desc}}<p class="home-page-desc">{{intro.desc}}</p>{{/if}}
98 {{if intro.detail}}
99 {{if intro.detail.content && intro.detail.content.length}}
100 <div class="home-thumbnail">
101 {{each intro.detail.content as item index}}
102 <div class="home-item">
103 {{if item.src}}
104 <div class="home-thumbnail-img">
105 <img class="home-thumbnail-src" src={{item.src}} alt="">
106 </div>
107 {{/if}}
108 {{if item.name}}<h3 class="home-thumbnail-name">{{item.name}}</h3>{{/if}}
109 {{if item.desc}}<p class="home-thumbnail-desc">{{item.desc}}</p>{{/if}}
110 </div>
111 {{/each}}
112 </div>
113 {{/if}}
114 {{/if}}
115 {{/each}}
116 {{/if}}
117 {{if article.sidebar !== false}}
118 <div class="content-left {{if staticsidenav}}staticsidenav{{/if}}" role="complementary">
119 <nav class="docs-sidebar hidden-print hidden-xs hidden-sm">
120 <ul class="nav docs-sidenav">
121 {{each article.sidebars as m index}} {{if m.sub}} {{if index > 0 && !article.sidebars[index - 1].sub}}
122 <ul class="nav docs-sidenav-extend" {{if article.name == m.name}} style="display:block;" {{/if}} {{if article.parentName &&(article.parentName == m.pName)}} style="display:block;" {{/if}}>
123 {{/if}}
124 <li {{if article.name == m.name}} class="active" {{/if}}>
125 <a href="{{ m.tag || m.url || ('#' + m.href)}}">{{m.name}}</a>
126 </li>
127 {{if index < article.sidebars.length-1 && !article.sidebars[index + 1].sub}}
128 </ul>
129 {{/if}} {{if index===article.sidebars.length-1}}
130 </ul>
131 {{/if}} {{else}}
132 <!-- <li {{if article.name == m.name}} class="active" {{/if}} {{if article.parentName == m.name}} class="active" {{/if}}> -->
133 <li {{if article.name==m .name}} class="active" {{/if}}>
134 {{if m.blank == true}}
135 <a href="javascript:void(0);">{{m.name}}</a> {{else}}
136 <a href="{{ m.tag || m.url || ('#' + m.href)}}">{{m.name}}</a> {{/if}}
137 </li>
138 {{/if}} {{/each}}
139 </ul>
140 </nav>
141 </div>
142 {{/if}}
143 <div class="content-right markdown-body {{if article.sidebar === false}}nosidebar{{else}}use-sidebar{{/if}}" role="main">
144
145 {{if intro}}{{intro}}{{/if}} {{if article.content}}{{article.content}}{{/if}}
146 </div>
147 </div>
148 {{else}}
149 <div class="ydoc-container-content {{if homepage}}ydoc-container-home{{/if}}" id="readme">
150 {{if homepage && homepage.intro}}
151 {{each homepage.intro as intro}}
152 {{if intro.title}}<h1 class="home-page-title">{{intro.title}}</h1>{{/if}}
153 {{if intro.desc}}<p class="home-page-desc">{{intro.desc}}</p>{{/if}}
154 {{if intro.detail}}
155 {{if intro.detail.content && intro.detail.content.length}}
156 <div class="home-thumbnail">
157 {{each intro.detail.content as item index}}
158 <div class="home-item">
159 {{if item.src}}
160 <div class="home-thumbnail-img">
161 <img class="home-thumbnail-src" src={{item.src}} alt="">
162 </div>
163 {{/if}}
164 {{if item.name}}<h3 class="home-thumbnail-name">{{item.name}}</h3>{{/if}}
165 {{if item.desc}}<p class="home-thumbnail-desc">{{item.desc}}</p>{{/if}}
166 </div>
167 {{/each}}
168 </div>
169 {{/if}}
170 {{/if}}
171 {{/each}}
172 {{/if}}
173 <article class="markdown-body">
174 {{if intro}}{{intro}}{{/if}} {{if article.content}}{{article.content}}{{/if}}
175 </article>
176 </div>
177 {{/if}} {{else if article.type == 'block'}}
178 <div class="ydoc-container-content">
179 {{if homepage && homepage.intro}}
180 {{each homepage.intro as intro}}
181 {{if intro.title}}<h1 class="home-page-title">{{intro.title}}</h1>{{/if}}
182 {{if intro.desc}}<p class="home-page-desc">{{intro.desc}}</p>{{/if}}
183 {{if intro.detail}}
184 {{if intro.detail.content && intro.detail.content.length}}
185 <div class="home-thumbnail">
186 {{each intro.detail.content as item index}}
187 <div class="home-item">
188 {{if item.src}}
189 <div class="home-thumbnail-img">
190 <img class="home-thumbnail-src" src={{item.src}} alt="">
191 </div>
192 {{/if}}
193 {{if item.name}}<h3 class="home-thumbnail-name">{{item.name}}</h3>{{/if}}
194 {{if item.desc}}<p class="home-thumbnail-desc">{{item.desc}}</p>{{/if}}
195 </div>
196 {{/each}}
197 </div>
198 {{/if}}
199 {{/if}}
200 {{/each}}
201 {{/if}}
202 {{if article.sidebars}}
203 {{if article.sidebar !== false}}
204 <div class="content-left {{if staticsidenav}}staticsidenav{{/if}}" role="complementary">
205 <nav class="docs-sidebar hidden-print hidden-xs hidden-sm">
206 <ul class="nav docs-sidenav">
207 {{each article.sidebars as m index}} {{if m.sub}} {{if index > 0 && !article.sidebars[index - 1].sub}}
208 <ul class="nav docs-sidenav-extend">
209 {{/if}}
210 <li>
211 <a href="{{ m.tag || m.url || ('#' + m.name)}}">{{m.name}}</a>
212 </li>
213 {{if index < article.sidebars.length - 1 && !article.sidebars[index + 1].sub}}
214 </ul>
215 {{/if}} {{else}}
216 <li>
217 <a href="{{ m.tag || m.url || ('#' + m.name)}}">{{m.name}}</a>
218 </li>
219 {{/if}} {{/each}}
220 </ul>
221 </nav>
222 </div>
223 {{/if}}{{/if}}
224 <div class="content-right right markdown-body {{if article.sidebar === false}}nosidebar{{else}}use-sidebar{{/if}}" role="main">
225 {{if intro}}
226 <div>{{intro}}</div>
227 {{/if}} {{each article.blocks as c index}} {{if c.type == 'html'}}
228 <div class="docs-section">
229 {{if c.name}} {{if c.sub}}
230 <h3 id="{{c.tag || c.name}}" class="page-header subject">{{c.name}}<a class="hashlink" href="#{{c.name}}">#</a></h3> {{else}}
231 <h2 id="{{c.tag || c.name}}" class="page-header subject">{{c.name}}<a class="hashlink" href="#{{c.name}}">#</a></h2> {{/if}} {{/if}} {{if c.content}}
232 <div>
233 {{c.content}}
234 </div>
235 {{/if}}
236 </div>
237 {{/if}} {{/each}}
238 </div>
239 </div>
240 {{/if}}
241 </div>
242 {{if banner}}
243 </div>
244 {{/if}}
245 <footer class="footer">
246 <div class="copyright">
247 {{footer}}
248 </div>
249 </footer>
250 </div>
251
252 {{if article.type == 'html' && article.sidebars}}
253 <div class="open-panel"></div>
254 <div class="mask"></div>
255 {{/if}} {{if article.type == 'block'}}
256 <div class="open-panel"></div>
257 <div class="mask"></div>
258 {{/if}}
259
260 <script src="source/main.js"></script>
261 <script src="source/app.js"></script>
262 {{if foldcode}}
263 <script>
264 var lineHeight = 18;
265 var EXAMPLE_MAX_HEIGHT;
266
267 function fold() {
268 // 折叠code
269 $('.markdown-body pre').css({
270 "line-height": lineHeight + "px"
271 });
272 $('.markdown-body pre').map(function(i, item) {
273 var $item = $(item);
274 var foldnumber = $item.data('foldnumber');
275 EXAMPLE_MAX_HEIGHT = lineHeight * (foldnumber || 6);
276 if ($item.height() > EXAMPLE_MAX_HEIGHT) {
277 $item.css({
278 "padding-bottom": 30
279 });
280 $item.find('code').height(EXAMPLE_MAX_HEIGHT);
281 $item.append('<span class="extend">展开更多……</span>');
282 };
283 });
284 $('.ydoc-example').delegate('.extend', 'click', function() {
285 var $this = $(this);
286 $this.removeClass('extend').addClass('fold');
287 $this.html('折叠代码');
288 $this.parent().children('.js-code').height('auto');
289 $this.parent().height('auto');
290 });
291 $('.ydoc-example').delegate('.fold', 'click', function() {
292 var $this = $(this);
293 var foldnumber = $this.parent().data('foldnumber');
294 EXAMPLE_MAX_HEIGHT = lineHeight * (foldnumber || 6);
295 $this.removeClass('fold').addClass('extend');
296 $this.parent().height(EXAMPLE_MAX_HEIGHT); // pre
297 $this.parent().children('.js-code').height(EXAMPLE_MAX_HEIGHT); // code
298 $this.html("展开更多……");
299 });
300 }
301 $(document).ready(fold);
302 </script>
303 {{/if}} {{if foldparam}}
304 <script>
305 var DEFAULT_SHOW_PARAMS = 5;
306 $(document).ready(function() {
307 // 参数默认显示 5个
308 $(".docs-table tbody").each(function() {
309 var paramsLength = $(this).find('tr').length,
310 paramsArray = $(this).find('tr'),
311 curTbody = $(this).parents('.docs-table');
312
313 if (paramsLength > DEFAULT_SHOW_PARAMS) {
314 curTbody.append('<span class="extend-params">展开更多参数……</span>');
315 paramsArray.each(function(index, item) {
316 if (index >= DEFAULT_SHOW_PARAMS) {
317 $(this).removeClass('hide-params').addClass('hide-params');
318 }
319 });
320 }
321 });
322 $(".docs-table").delegate('.extend-params', 'click', function() {
323 $(this).parents('.docs-table').find('.hide-params').addClass('show-params');
324 $(this).removeClass('extend-params').addClass('fold-params');
325 $(this).html('折叠参数');
326 });
327 $('.docs-table').delegate('.fold-params', 'click', function() {
328 $(this).removeClass('fold-params').addClass('extend-params');
329 $(this).parents('.docs-table').find('.show-params').removeClass('show-params');
330 $(this).html("展开更多参数……");
331 });
332 });
333 </script>
334 {{/if}} {{if foldsidenav}}
335 <script>
336 $(document).ready(function() {
337 var winWidth = $(window).width(),
338 $navExtend = $('.docs-sidenav-extend'),
339 $contentLeft = $('.content-left');
340
341 changeHide();
342 $(window).on('resize', function() {
343 winWidth = $(window).width();
344 changeHide();
345 })
346
347 function changeHide() {
348 if (winWidth > 767) {
349 var activeInit = $contentLeft.find('.active');
350 $navExtend.hide();
351 $(window).on('scroll', function() {
352 var activeChange = $contentLeft.find('.active');
353 if (activeChange[0] && activeInit !== activeChange) {
354 activeInit = activeChange;
355 $navExtend.hide();
356 if (activeChange.parent()[0].tagName === 'UL') {
357 if (activeChange.next()[0] && activeChange.parent()[0].className === 'nav docs-sidenav' && activeChange.next()[0].tagName === 'UL') {
358 activeChange.next().show();
359 } else if (activeChange.parent()[0].className === 'nav docs-sidenav-extend') {
360 activeChange.parent().show();
361 }
362 }
363 }
364 })
365 }
366 }
367 })
368 </script>
369 {{/if}} {{if themeJS && themeJS.length}} {{each themeJS as item}}
370 <script type="text/javascript" src="{{'theme/'+item}}"></script>
371 {{/each}} {{/if}} {{if insertJS && insertJS.length}} {{each insertJS as item}}
372 <script type="text/javascript" src="{{item}}"></script>
373 {{/each}} {{/if}}
374
375 </body>
376
377</html>