diff --git a/api/login.js b/api/login.js index cb8b808..f6d0917 100644 --- a/api/login.js +++ b/api/login.js @@ -50,7 +50,7 @@ export function getCodeImg() { // 获取验证码 export function loginApp(data) { return request({ - 'url': '/rescue/loginApp', + 'url': '/rescue/loginQx', headers: { isToken: false }, diff --git a/pages.json b/pages.json index e93f72f..a32f594 100644 --- a/pages.json +++ b/pages.json @@ -144,6 +144,13 @@ { "navigationBarTitleText" : "" } + }, + { + "path" : "pages/login/bindPhoe", + "style" : + { + "navigationBarTitleText" : "" + } } ], "globalStyle": { diff --git a/pages/login/bindPhoe.vue b/pages/login/bindPhoe.vue new file mode 100644 index 0000000..2c73ef6 --- /dev/null +++ b/pages/login/bindPhoe.vue @@ -0,0 +1,217 @@ + + + + + \ No newline at end of file diff --git a/pages/login/login.vue b/pages/login/login.vue index 2ee9904..31dd0d4 100644 --- a/pages/login/login.vue +++ b/pages/login/login.vue @@ -1,226 +1,449 @@ + button { + border: none !important; + background: none !important; + margin: 0px; + display: block; + } + + button:focus { + color: #0078FF; + outline: none; + box-shadow: none; + } + + .content { + box-sizing: border-box; + } + + .top { + box-sizing: border-box; + padding: 0px 27px; + padding-top: 100px; + background-image: url('../../static/loginbj.png'); + // background-color:lightseagreen; + // background-image: url('../../static/loginbj.png'); + background-size: cover; + background-position: center; + width: 100%; + // height: 385px; + } + + .touxiang { + width: 88px; + height: 88px; + border-radius: 10px; + background: #D7D7D7; + margin: 0 auto; + margin-bottom: 40px; + overflow: hidden; + + image { + width: 100%; + height: 100%; + } + } + + .twotap { + width: 100%; + display: flex; + align-items: center; + + view { + font-size: 15px; + font-family: Microsoft YaHei; + font-weight: 400; + color: #666666; + margin-right: 38.5px; + } + } + + .blck { + color: #333333 !important; + font-weight: bold !important; + } + + .inputs { + box-sizing: border-box; + padding: 16px 0px; + display: flex; + align-items: center; + border-bottom: 2px solid #E8E8E8; + margin-top: 20px; + } + + .wjworb { + margin-top: 5px; + width: 100%; + display: flex; + font-size: 12px; + color: #0078FF; + justify-content: flex-end; + align-items: center; + + } + + .dl { + width: 90%; + height: 44px; + background: linear-gradient(-46deg, #0853C4 0%, #4282D8 80%); + border-radius: 5px; + margin: 0 auto; + font-size: 16px; + color: #FFFFFF; + display: flex; + justify-content: center; + align-items: center; + margin-top: 22px; + } + + .hging { + width: 100%; + text-align: center; + font-size: 14px; + font-weight: 400; + color: #636363; + margin-top: 20px; + } + + .wx { + width: 38px; + height: 38px; + overflow: hidden; + box-sizing: border-box; + margin: 0px auto; + margin-top: 20px; + + image { + width: 100%; + height: 100%; + } + } + + .hui { + font-size: 10px; + width: 100%; + text-align: center; + font-weight: 400; + color: #666666; + } + + .dbottom { + width: 100%; + text-align: center; + font-size: 12px; + color: #333333; + margin-top: 40px; + position: fixed; + bottom: 25px; + display: flex; + align-items: center; + justify-content: center; + } + + .quanzi { + width: 14px; + height: 14px; + border: 1px solid #666666; + border-radius: 50%; + margin-right: 10px; + } + + .lanquanzi { + width: 14px; + height: 14px; + border: 1px solid #0078FF; + border-radius: 50%; + margin-right: 10px; + background: #0078FF; + color: white; + } + + .lan { + color: #0078FF; + } + + .jiuzhong { + width: 90%; + margin: 10px auto; + display: flex; + align-items: center; + } + + .dist { + display: flex; + align-items: center; + margin: 0px 10px; + } + + .d-zi { + font-size: 14px; + } + + .d-qian { + width: 14px; + height: 14px; + margin-right: 5px; + overflow: hidden; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #666666; + color: white; + } + + .d-qian-lan { + width: 14px; + height: 14px; + margin-right: 5px; + overflow: hidden; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + background: #0078FF; + border: 1px solid #0078FF; + color: white; + } + \ No newline at end of file diff --git a/static/loginbj.png b/static/loginbj.png new file mode 100644 index 0000000..6bf821f Binary files /dev/null and b/static/loginbj.png differ diff --git a/static/xinlogo.png b/static/xinlogo.png new file mode 100644 index 0000000..e747aad Binary files /dev/null and b/static/xinlogo.png differ