layout_section.html
1.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<section id="layout_section" data-transition="slideUp">
<header>
<nav class="left">
<a href="#" data-icon="previous" data-target="back">返回</a>
</nav>
<ul class="control-group" id="layout_header_ctrl">
<li class="active">A</li>
<li>B</li>
</ul>
</header>
<nav class="header-secondary">这是一个工具栏，可随心设计</nav>
<footer>
<a href="#layout_book_article" data-target="article" data-icon="book" class="active">book</a>
<a href="#layout_pencil_article" data-target="article" data-icon="pencil">pencil</a>
<a href="#" id="layout-btn-getmore" data-icon="ellipsis">more</a>
</footer>
<article class="active" id="layout_book_article">
<ul class="list">
<li data-icon="next" data-selected="selected">
<a href="#about_section" data-target="section">about</a>
</li>
<li data-icon="next" data-selected="selected">book</li>
<li data-icon="next" data-selected="selected">book</li>
<li data-icon="next" data-selected="selected">book</li>
<li data-icon="next" data-selected="selected">book</li>
</ul>
</article>
<article id="layout_pencil_article">
<ul class="list">
<li data-icon="pencil" data-selected="selected">pencil</li>
<li data-icon="pencil" data-selected="selected">pencil</li>
<li data-icon="pencil" data-selected="selected">pencil</li>
<li data-icon="pencil" data-selected="selected">pencil</li>
<li data-icon="pencil" data-selected="selected">pencil</li>
</ul>
</article>
</section>