index.html 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <!--
  3. Licensed to the Apache Software Foundation (ASF) under one
  4. or more contributor license agreements. See the NOTICE file
  5. distributed with this work for additional information
  6. regarding copyright ownership. The ASF licenses this file
  7. to you under the Apache License, Version 2.0 (the
  8. "License"); you may not use this file except in compliance
  9. with the License. You may obtain a copy of the License at
  10. http://www.apache.org/licenses/LICENSE-2.0
  11. Unless required by applicable law or agreed to in writing,
  12. software distributed under the License is distributed on an
  13. "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  14. KIND, either express or implied. See the License for the
  15. specific language governing permissions and limitations
  16. under the License.
  17. -->
  18. <html lang="zh-cmn-Hans">
  19. <head>
  20. <meta charset="utf-8">
  21. <!--
  22. Customize this policy to fit your own app's needs. For more guidance, see:
  23. https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
  24. Some notes:
  25. * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
  26. * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
  27. * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
  28. * Enable inline JS: add 'unsafe-inline' to default-src
  29. -->
  30. <meta http-equiv="Content-Security-Policy"
  31. content="default-src 'self' data: * 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
  32. <meta name="format-detection" content="telephone=no">
  33. <meta name="msapplication-tap-highlight" content="no">
  34. <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
  35. <meta name="color-scheme" content="light dark">
  36. <link rel="stylesheet" href="css/index.css">
  37. <link rel="stylesheet" href="css/toastify.css">
  38. <title>筑梦居</title>
  39. </head>
  40. <body>
  41. <div id="app">
  42. <template>
  43. <img src="./img/banner_logo.png" class="banner-logo" />
  44. <div class="cell">
  45. <img class="icon" src="./img/icon_username.png" />
  46. <input id="name" v-model="name" class="content" placeholder="请输入你的姓名" :disabled="loading" />
  47. </div>
  48. <div class="cell">
  49. <img class="icon" src="./img/icon_id.png" />
  50. <input id="idNo" v-model="idNo" class="content" placeholder="请输入你的身份证号码" :disabled="loading" />
  51. </div>
  52. <div class="cell">
  53. <img class="icon" src="./img/icon_phone.png" />
  54. <input id="phone" v-model="phone" class="content" placeholder="请输入你的手机号" type="number"
  55. :disabled="loading" />
  56. <div class="btn-code" :class="{ disabled: !canSendCode }" @click="sendCode">
  57. <div class="la-line-scale la-sm" v-if="sending">
  58. <div></div>
  59. <div></div>
  60. <div></div>
  61. <div></div>
  62. <div></div>
  63. </div>
  64. <span v-else>
  65. {{ wait > 0 ? wait + 's' : '发送验证码'}}
  66. </span>
  67. </div>
  68. </div>
  69. <div class="cell">
  70. <img class="icon" src="./img/icon_code.png" />
  71. <input id="code" v-model="code" class="content" placeholder="请输入验证码" type="number"
  72. :disabled="loading" />
  73. </div>
  74. <div class="btn-confirm" :class="{ disabled: !canLogin }" @click="submit">
  75. <div class="la-line-scale la-sm" v-if="loading">
  76. <div></div>
  77. <div></div>
  78. <div></div>
  79. <div></div>
  80. <div></div>
  81. </div>
  82. <span v-else>登录</span>
  83. </div>
  84. </template>
  85. </div>
  86. <script src="cordova.js"></script>
  87. <!-- <script src="js/vue.min.js"></script> -->
  88. <script src="js/vue.js"></script>
  89. <script src="js/axios.min.js"></script>
  90. <script src="js/toastify.js"></script>
  91. <script src="js/index.js"></script>
  92. </body>
  93. </html>