| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <title>My App</title>
- <!-- Path to Framework7 Library CSS-->
- <link rel="stylesheet" href="css/framework7.ios.min.css">
- <!-- Path to your custom app styles-->
- <link rel="stylesheet" href="css/my-app.css">
- </head>
- <body>
- <!-- Status bar overlay for fullscreen mode-->
- <div class="statusbar-overlay"></div>
- <!-- Right panel with cover effect-->
- <div class="panel panel-right panel-cover">
- <div class="content-block">
- <p>Right panel content goes here</p>
- </div>
- </div>
- <!-- Views-->
- <div class="views">
- <!-- Panels overlay-->
- <div class="panel-overlay"></div>
- <!-- Left panel with reveal effect-->
- <div class="panel panel-left panel-cover">
- <!-- Left view-->
- <div class="view view-left navbar-through">
- <div class="navbar">
- <div class="navbar-inner">
- <div class="left"></div>
- <div class="center sliding">菜单</div>
- <div class="right"></div>
- </div>
- </div>
- <div class="pages">
- <div data-page="index-left" class="page">
- <div class="page-content">
- <!-- <div class="content-block-title">Left View Links</div>
- <div class="list-block">
- <ul>
- <li><a href="left-page-1.html" class="item-link">
- <div class="item-content">
- <div class="item-inner">
- <div class="item-title">Left Page 1</div>
- </div>
- </div></a></li>
- </ul>
- </div> -->
- <!-- <div class="content-block-title">Control Main View</div> -->
- <div class="list-block">
- <ul>
- <li><a href="formal.html" data-view=".view-main" class="item-link close-panel">
- <div class="item-content">
- <div class="item-inner">
- <div class="item-title">发送消息 － 正式环境</div>
- </div>
- </div></a></li>
- <li><a href="test.html" data-view=".view-main" class="item-link close-panel">
- <div class="item-content">
- <div class="item-inner">
- <div class="item-title">发送消息 － 测试环境</div>
- </div>
- </div></a></li>
- <li><a href="app-uri.html" data-view=".view-main" class="item-link close-panel">
- <div class="item-content">
- <div class="item-inner">
- <div class="item-title">APP內跳uri说明</div>
- </div>
- </div></a></li>
- <li><a href="about.html" data-view=".view-main" class="item-link close-panel">
- <div class="item-content">
- <div class="item-inner">
- <div class="item-title">消息模版</div>
- </div>
- </div></a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Right view, it is main view-->
- <div class="view view-main navbar-through">
- <div class="navbar">
- <div class="navbar-inner">
- <div class="center sliding"></div>
- <div class="right"><a href="#" data-panel="left" class="link open-panel icon-only"><i class="icon icon-bars"></i></a></div>
- </div>
- </div>
- <!-- Pages-->
- <div class="pages">
- <!-- Page, data-page contains page name-->
- <div data-page="index-1" class="page">
- <!-- Scrollable page content-->
- <div class="page-content">
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Path to Framework7 Library JS-->
- <script type="text/javascript" src="js/framework7.min.js"></script>
- <!-- Path to your app js-->
- <script type="text/javascript" src="js/my-app.js"></script>
- </body>
- </html>
|
