mirror of
https://github.com/hanzoai/jube-fork.git
synced 2026-11-02 14:29:36 +00:00
45 lines
2.0 KiB
HTML
Executable File
45 lines
2.0 KiB
HTML
Executable File
<div data-role="view" data-title="Views">
|
|
<header data-role="header">
|
|
<div data-role="navbar">
|
|
<a data-align="left" data-icon="arrow-w" data-role="backbutton" class="back-button"></a>
|
|
<span data-role="view-title"></span>
|
|
<a data-align="right" data-icon="source-code" data-click="goToSourceCode" data-role="button" title="Show this demo source code"></a>
|
|
</div>
|
|
</header>
|
|
<ul data-role="listview" data-style="inset" data-type="group">
|
|
<li>Sources
|
|
<ul>
|
|
<li><a href="#secondview">Local View</a></li>
|
|
<li><a href="../content/mobile/view/remoteview.html">Remote View</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul data-role="listview" data-style="inset" data-type="group">
|
|
<li>Types
|
|
<ul>
|
|
<li><a href="#stretchview">Stretched View</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div data-role="view" id="secondview" data-layout="mobile-view" data-title="Local View">
|
|
<div style="background-color: #4caf50; padding: 10em 0; text-align: center;"><h2 style="color: #fff;">Hi, I'm a local view.</h2></div>
|
|
</div>
|
|
|
|
<div data-role="view" id="stretchview" data-layout="mobile-view" data-title="Stretched View" data-stretch="true">
|
|
<div style="background-color: #1565c0; padding: 10em 0; text-align: center;"><h2 style="color: #fff;">Hi, I'm a stretched view.</h2><p style="color: #fff;">Use me for full screen content that doesn't need scrolling.</p></div>
|
|
</div>
|
|
|
|
<div data-role="layout" data-id="mobile-view" data-show="showDemoLayout">
|
|
<header data-role="header">
|
|
<div data-role="navbar">
|
|
<a class="nav-button" data-align="left" data-role="backbutton">Back</a>
|
|
<span data-role="view-title"></span>
|
|
<a data-align="right" data-role="button" class="nav-button" data-icon="home" href="#/"></a>
|
|
<a data-align="right" data-icon="source-code" data-click="goToSourceCode" data-role="button" title="Show this demo source code"></a>
|
|
</div>
|
|
</header>
|
|
</div>
|