| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- <!DOCTYPE html>
- <!--
- Licensed to the Apache Software Foundation (ASF) under one
- or more contributor license agreements. See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership. The ASF licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License. You may obtain a copy of the License at
- http://www.apache.org/licenses/LICENSE-2.0
- Unless required by applicable law or agreed to in writing,
- software distributed under the License is distributed on an
- "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- KIND, either express or implied. See the License for the
- specific language governing permissions and limitations
- under the License.
- -->
- <html lang="zh-cmn-Hans">
- <head>
- <meta charset="utf-8">
- <!--
- Customize this policy to fit your own app's needs. For more guidance, see:
- https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
- Some notes:
- * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
- * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
- * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
- * Enable inline JS: add 'unsafe-inline' to default-src
- -->
- <meta http-equiv="Content-Security-Policy"
- content="default-src 'self' data: * 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
- <meta name="format-detection" content="telephone=no">
- <meta name="msapplication-tap-highlight" content="no">
- <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
- <meta name="color-scheme" content="light dark">
- <link rel="stylesheet" href="css/index.css">
- <link rel="stylesheet" href="css/toastify.css">
- <title>筑梦居</title>
- </head>
- <body>
- <div id="app">
- <template>
- <img src="./img/banner_logo.png" class="banner-logo" />
- <div class="cell">
- <img class="icon" src="./img/icon_username.png" />
- <input id="name" v-model="name" class="content" placeholder="请输入你的姓名" :disabled="loading" />
- </div>
- <div class="cell">
- <img class="icon" src="./img/icon_id.png" />
- <input id="idNo" v-model="idNo" class="content" placeholder="请输入你的身份证号码" :disabled="loading" />
- </div>
- <div class="cell">
- <img class="icon" src="./img/icon_phone.png" />
- <input id="phone" v-model="phone" class="content" placeholder="请输入你的手机号" type="number"
- :disabled="loading" />
- <div class="btn-code" :class="{ disabled: !canSendCode }" @click="sendCode">
- <div class="la-line-scale la-sm" v-if="sending">
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- </div>
- <span v-else>
- {{ wait > 0 ? wait + 's' : '发送验证码'}}
- </span>
- </div>
- </div>
- <div class="cell">
- <img class="icon" src="./img/icon_code.png" />
- <input id="code" v-model="code" class="content" placeholder="请输入验证码" type="number"
- :disabled="loading" />
- </div>
- <div class="btn-confirm" :class="{ disabled: !canLogin }" @click="submit">
- <div class="la-line-scale la-sm" v-if="loading">
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- </div>
- <span v-else>登录</span>
- </div>
- </template>
- </div>
- <script src="cordova.js"></script>
- <!-- <script src="js/vue.min.js"></script> -->
- <script src="js/vue.js"></script>
- <script src="js/axios.min.js"></script>
- <script src="js/toastify.js"></script>
- <script src="js/index.js"></script>
- </body>
- </html>
|