|
@@ -1,21 +1,21 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="root">
|
|
<div class="root">
|
|
|
<div class="logo">
|
|
<div class="logo">
|
|
|
- <img alt="RunForge" src="/logo.svg" height="40">
|
|
|
|
|
- <span class="title">RunForge | 快捷登录</span>
|
|
|
|
|
|
|
+ <img alt="哪吒乐跑" src="/logo.svg" height="40">
|
|
|
|
|
+ <span class="title">哪吒乐跑 | 快捷登录</span>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<a-form size="large" :model="form" :rules="[]" class="form" @submit="handleSubmit">
|
|
<a-form size="large" :model="form" :rules="[]" class="form" @submit="handleSubmit">
|
|
|
<div class="uniLoginButton">
|
|
<div class="uniLoginButton">
|
|
|
<div class="button">
|
|
<div class="button">
|
|
|
<a-tooltip content="QQ登录" mini>
|
|
<a-tooltip content="QQ登录" mini>
|
|
|
- <a-avatar :size="64" :style="{ backgroundColor: '#3370ff' }"
|
|
|
|
|
|
|
+ <a-avatar :size="64" :style="{ backgroundColor: '#d81e06' }"
|
|
|
@click="GetLoginUrl('qq')"><icon-qq /></a-avatar>
|
|
@click="GetLoginUrl('qq')"><icon-qq /></a-avatar>
|
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="button">
|
|
<div class="button">
|
|
|
<a-tooltip content="微信登录" mini>
|
|
<a-tooltip content="微信登录" mini>
|
|
|
- <a-avatar :size="64" :style="{ backgroundColor: '#3370ff' }"
|
|
|
|
|
|
|
+ <a-avatar :size="64" :style="{ backgroundColor: '#d81e06' }"
|
|
|
@click="GetLoginUrl('wx')"><icon-wechat /></a-avatar>
|
|
@click="GetLoginUrl('wx')"><icon-wechat /></a-avatar>
|
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
|
</div>
|
|
</div>
|
|
@@ -132,7 +132,7 @@ onMounted(() => {
|
|
|
top: 50%;
|
|
top: 50%;
|
|
|
left: 50%;
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
|
- color: #3370FF;
|
|
|
|
|
|
|
+ color: #d81e06;
|
|
|
|
|
|
|
|
.text {
|
|
.text {
|
|
|
font-family: 'Alimama ShuHeiTi';
|
|
font-family: 'Alimama ShuHeiTi';
|
|
@@ -157,7 +157,7 @@ onMounted(() => {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
|
|
|
|
|
.title {
|
|
.title {
|
|
|
- color: #3370FF;
|
|
|
|
|
|
|
+ color: #d81e06;
|
|
|
font-size: 1.8em;
|
|
font-size: 1.8em;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
margin-left: 15px;
|
|
margin-left: 15px;
|