bdsbk.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Hello MUI</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <!--标准mui.css-->
  10. <link rel="stylesheet" href="../../css/mui.min.css">
  11. <!--App自定义的css-->
  12. <link rel="stylesheet" type="text/css" href="../../css/app.css" />
  13. <style>
  14. h5 {
  15. margin: 5px 7px;
  16. }
  17. .mui-btn {
  18. padding: 10px;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <header class="mui-bar mui-bar-nav">
  24. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  25. <h1 class="mui-title">绑定社保卡</h1>
  26. </header>
  27. <div class="mui-content">
  28. <div class="mui-content-padded" style="margin: 5px;margin-top:15px;">
  29. <div class="mui-input-row mui-password">
  30. <input type="text" placeholder="社保卡号">
  31. </div>
  32. <center>
  33. <button class="mui-btn mui-btn-block mui-btn-primary" style="width: 90%;" onclick="return false;">完成</button>
  34. </center>
  35. </div>
  36. </div>
  37. <script src="../../js/mui.min.js"></script>
  38. <script>
  39. mui.init({
  40. swipeBack: true //启用右滑关闭功能
  41. });
  42. </script>
  43. </body>
  44. </html>