|
@@ -19,7 +19,7 @@ const tenantOptions = ref<TenantVO[]>([])
|
|
|
const loginForm = ref<LoginData>({
|
|
const loginForm = ref<LoginData>({
|
|
|
tenantId: "000000",
|
|
tenantId: "000000",
|
|
|
username: "admin",
|
|
username: "admin",
|
|
|
- password: "123iwb",
|
|
|
|
|
|
|
+ password: "",
|
|
|
rememberMe: false,
|
|
rememberMe: false,
|
|
|
code: "",
|
|
code: "",
|
|
|
uuid: ""
|
|
uuid: ""
|
|
@@ -136,6 +136,8 @@ const initTenant = async () => {
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
function init() {
|
|
function init() {
|
|
|
|
|
+ // 移除设备检测跳转逻辑，使用响应式设计适配所有设备
|
|
|
|
|
+
|
|
|
appStore.appConfigStore
|
|
appStore.appConfigStore
|
|
|
.loadConfig()
|
|
.loadConfig()
|
|
|
.then(() => {
|
|
.then(() => {
|
|
@@ -282,9 +284,11 @@ watch(
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- height: 100%;
|
|
|
|
|
|
|
+ height: 100vh;
|
|
|
background-image: url("/media/auth/bg5.jpg");
|
|
background-image: url("/media/auth/bg5.jpg");
|
|
|
background-size: cover;
|
|
background-size: cover;
|
|
|
|
|
+ padding: 20px;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
.title {
|
|
@@ -296,7 +300,8 @@ watch(
|
|
|
.login-form {
|
|
.login-form {
|
|
|
border-radius: 6px;
|
|
border-radius: 6px;
|
|
|
background: rgba(255, 255, 255, 0.9);
|
|
background: rgba(255, 255, 255, 0.9);
|
|
|
- width: 400px;
|
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ max-width: 400px;
|
|
|
padding: 25px 25px 5px 25px;
|
|
padding: 25px 25px 5px 25px;
|
|
|
|
|
|
|
|
.el-input {
|
|
.el-input {
|
|
@@ -348,4 +353,31 @@ watch(
|
|
|
height: 40px;
|
|
height: 40px;
|
|
|
padding-left: 12px;
|
|
padding-left: 12px;
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+
|
|
|
|
|
+.link-type {
|
|
|
|
|
+ text-decoration: none;
|
|
|
|
|
+ color: #337ab7;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+// 响应式设计，适配移动端
|
|
|
|
|
+@media (max-width: 768px) {
|
|
|
|
|
+ .login-form {
|
|
|
|
|
+ max-width: 350px;
|
|
|
|
|
+ padding: 25px 25px 5px 25px;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+@media (max-width: 480px) {
|
|
|
|
|
+ .login {
|
|
|
|
|
+ padding: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .login-form {
|
|
|
|
|
+ padding: 20px 20px 5px 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .el-login-footer {
|
|
|
|
|
+ font-size: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|
