<section id="popup_section" >
|
<header>
|
<nav class="left">
|
<a href="#" data-icon="previous" data-target="back">Back</a>
|
</nav>
|
<h1 class="title">Popup</h1>
|
</header>
|
<article class="active " data-scroll=true>
|
<div class="demo-btn-group" style="padding: 10px;">
|
<a href="#" class="button block" id="btn_alert">alert</a>
|
<a href="#" class="button block sun-flower" id="btn_confirm">confirm</a>
|
<a href="#" class="button block wet-asphalt" id="btn_loading">loading</a>
|
<a href="#" class="button block sliver" id="btn_center">center</a>
|
<a href="#" class="button block" id="btn_from_tpl">center(来自模板)</a>
|
<a href="#" class="button block nephritis" id="btn_p_top">top</a>
|
<a href="#" class="button block concrete" id="btn_t_ts">top-second</a>
|
<a href="#" class="button block sun-flower" id="btn_t_bottom">bottom</a>
|
<a href="#" class="button block asbestos" id="btn_t_bs">botton-second</a>
|
<a href="#" class="button block alizarin" id="btn_popover">popover</a>
|
<a href="#" class="button block carrot" id="btn_actionsheet">actionsheet</a>
|
</div>
|
</article>
|
<script type="text/html" id="tpl_popup_login">
|
<div style="padding:10px 20px;">
|
<div style="text-align:center;font-size:20px;color:#3498DB;font-weight:600;margin:5px 0;">登录</div>
|
<input type="text" name="name" placeholder="用户名">
|
<input type="password" name="password" placeholder="密码">
|
<button class="block" data-icon="checkmark" data-target="closePopup">登录</button>
|
</div>
|
</script>
|
</section>
|