login.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title></title>
  7. <link href="../css/mui.min.css" rel="stylesheet" />
  8. <!--App自定义的css-->
  9. <link rel="stylesheet" type="text/css" href="../css/app.css" />
  10. <style>
  11. h5,
  12. p,
  13. ol,
  14. li {
  15. color: #666;
  16. font-size: 14px;
  17. }
  18. h5 {
  19. font-weight: bold;
  20. }
  21. p,
  22. ol {
  23. padding: 5px auto;
  24. margin-bottom: 20px;
  25. }
  26. p,
  27. li {
  28. color: #999;
  29. }
  30. img {
  31. width: 90%;
  32. border: solid 1px #ddd;
  33. border-radius: 5px;
  34. box-shadow: 0px 0px 5px 1px #aaa;
  35. margin: 5px auto;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <header class="mui-bar mui-bar-nav">
  41. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  42. <h1 class="mui-title">login(登录)</h1>
  43. </header>
  44. <div class="mui-content">
  45. <div class="mui-content-padded">
  46. <h5>简单说明</h5>
  47. <p>
  48. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们为 “登录模板” 制作了一独立的 “演示应用”,包括 “账号密码登录、第三方账号登录、账号注册、手势锁屏、分享” 等功能演示。
  49. </p>
  50. <h5>体验方式</h5>
  51. <ol>
  52. <li>在 HBuilder 中新建“移动App”工程,选择 “mui登录模板” ;</li>
  53. <li>在 GitHub 上查看或下载 <a _src='https://github.com/dcloudio/mui/tree/master/examples/login'>登录模板源码</a> 。
  54. </li>
  55. </ol>
  56. <h5>演示截图</h5>
  57. <p style="text-align: center;">
  58. <img src="../images/login-1.png" />
  59. </p>
  60. </div>
  61. </div>
  62. <script src="../js/mui.min.js"></script>
  63. <script type="text/javascript" charset="utf-8">
  64. (function(mui, window, document, undefined) {
  65. mui.init();
  66. var qsa = function() {
  67. return [].slice.call(document.querySelectorAll.apply(document, arguments));
  68. };
  69. qsa("[_src]").forEach(function(item) {
  70. item.addEventListener('tap', function() {
  71. var url = this.getAttribute('_src');
  72. if (url) {
  73. plus.runtime.openURL(url);
  74. };
  75. }, false);
  76. });
  77. })(mui, window, document, undefined);
  78. </script>
  79. </body>
  80. </html>