| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta name="format-detection" content="telephone=no"> |
| <meta charset="utf-8"> |
| <meta name="msapplication-tap-highlight" content="no"> |
| <meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" /> |
| <link rel="stylesheet" type="text/css" href="css/aui.css"> |
| <link rel="stylesheet" type="text/css" href="css/aui-slide.css"> |
| <link rel="stylesheet" type="text/css" href="css/index.css"> |
| <title>大理智警</title> |
| <style type="text/css"> |
| .main{ |
| position: absolute!important; |
| height: 100%; |
| width: 100%; |
| } |
| body{ |
| background: #fff!important; |
| } |
| .aui-slide-node img { |
| width: 100%; |
| height: 100%; |
| } |
| </style> |
| </head> |
| <body class="mainbg"> |
| <div id="startslider" class="main"> |
| <div class="aui-slide-wrap" > |
| <div class="aui-slide-node bg-dark"> |
| <img src="img/s1.jpg" /> |
| </div> |
| <div class="aui-slide-node bg-dark"> |
| <img src="img/s2.jpg" /> |
| </div> |
| <div class="aui-slide-node bg-dark"> |
| <img src="img/s3.jpg" /> |
| <div style="position: absolute;bottom: 35px;left: 0;right: 0;display: flex;flex-direction: row;justify-content: center;align-items: center;"> <div class="aui-btn aui-btn-primary aui-btn-block aui-btn-outlined aui-btn-sm" style="width: 40%" onclick="app.toMain()">开始使用</div> </div> |
| </div> |
| </div> |
| <div class="aui-slide-page-wrap"><!--分页容器--></div> |
| </div> |
| </body> |
| </html> |
| <script type="text/javascript" src="cordova.js"></script> |
| <script type="text/javascript" src="js/startload.js"></script> |
| <script type="text/javascript" src="js/lib/jquery-2.1.4.js"></script> |
| <script type="text/javascript" src="js/lib/jquery-weui.min.js"></script> |
| <script type="text/javascript" src="js/lib/aui-slide.js"></script> |
| <script type="text/javascript" src="js/server.js"></script> |
| <script type="text/javascript"> |
| window.localStorage.setItem("tabindex",1); |
| var slide = new auiSlide({ |
| container:document.getElementById("startslider"), |
| "speed":500, |
| "pageShow":true, |
| "autoPlay":3000, |
| "pageStyle":'dot', |
| "loop":true, |
| 'dotPosition':'center', |
| currentPage:currentFun |
| }) |
| function currentFun(index){ |
| console.log(index) |
| } |
| </script> |