@@ -43,45 +24,21 @@
- 记住密码
+ 记住密码
- {{ item.name }}
+ {{ item.name }}
@@ -117,19 +71,13 @@
服务选择：
-
+
- 协议：
@@ -155,13 +103,8 @@
(null) // 引用第一个视频元素
// 登录表单引用
const loginFormRef = ref() // 用于获取表单实例
@@ -70,13 +70,15 @@ export const useLogin = () => {
try {
loading.value = true
const res = await LoginApi.login(loginForm.value)
- if (res.code === 0) {
+ console.log(res);
+
+ if ([0,200].includes(res.code) ) {
checkboxVModel.value = true
- localStorage.setItem('access_token', res.data.token)
+ localStorage.setItem(res.data.header, res.data.token)
localStorage.setItem(
'userInfo',
JSON.stringify({
- ...res.data.userInfo,
+ // ...res.data.userInfo,
...loginForm.value,
checkboxVModel: checkboxVModel.value
})
串口选择：
-
+
@@ -245,44 +188,58 @@ onMounted(() => {
.fade-leave-to {
opacity: 0;
}
+
.content {
.el-input__wrapper {
background-color: transparent;
border: 0.2px solid #00ffff;
- box-shadow: 0 0 0 0.2px #00ffff inset !important; /* 新增此行 */
+ box-shadow: 0 0 0 0.2px #00ffff inset !important;
+ /* 新增此行 */
}
+
.el-input__inner {
color: #fff;
}
+
/* 新增图标颜色控制 */
.el-input__prefix,
.el-input__suffix {
.el-icon {
- color: #00ffff; /* 将#00ffff替换为你想用的颜色 */
- font-size: 18px; /* 可选：调整图标大小 */
+ color: #00ffff;
+ /* 将#00ffff替换为你想用的颜色 */
+ font-size: 18px;
+ /* 可选：调整图标大小 */
}
+
&:hover .el-icon {
- color: #00ffff; /* 悬停颜色保持一致 */
+ color: #00ffff;
+ /* 悬停颜色保持一致 */
}
}
+
.el-checkbox__label {
color: #fff; // 使用与边框一致的青蓝色
font-size: 1rem; // 可选字体大小调整
}
+
// // 保持悬停状态颜色一致
// .el-checkbox:hover .el-checkbox__label {
// color: #fff;
// }
}
+
.service {
.el-input__wrapper {
background-color: transparent;
border: 0.2px solid #00ffff;
- box-shadow: 0 0 0 0.2px #00ffff inset !important; /* 新增此行 */
+ box-shadow: 0 0 0 0.2px #00ffff inset !important;
+ /* 新增此行 */
}
+
.el-input__inner {
color: #fff;
}
+
// .el-checkbox__label {
// color: #fff; // 使用与边框一致的青蓝色
// // font-size: 0.8rem; // 可选字体大小调整
@@ -294,8 +251,10 @@ onMounted(() => {
.el-select__wrapper {
background-color: transparent;
border: 0.2px solid #00ffff;
- box-shadow: 0 0 0 0.2px #00ffff inset !important; /* 新增此行 */
+ box-shadow: 0 0 0 0.2px #00ffff inset !important;
+ /* 新增此行 */
}
+
.el-select__placeholder,
.el-select__tags-text {
color: #fff !important;
@@ -388,6 +347,7 @@ onMounted(() => {
}
}
}
+
.rightBox {
position: absolute;
right: 10px;
@@ -400,6 +360,7 @@ onMounted(() => {
color: #fff;
}
}
+
.service {
z-index: 999;
width: 100vw;
@@ -441,7 +402,7 @@ onMounted(() => {
border-radius: 0 0 0 90%;
background: #00ffff;
- & > span {
+ &>span {
font-size: 1rem;
position: absolute;
right: 5px;
@@ -521,8 +482,10 @@ onMounted(() => {
clip-path: polygon(0 0, calc(100% - 3px) 0, 100% 6px, 0 6px);
}
}
+
.btn {
text-align: center;
+
button {
border: 1px solid rgba(0, 255, 255, 0.5) !important;
background: rgba(0, 255, 255, 0.2) !important;
diff --git a/src/renderer/src/views/login/useLogin.ts b/src/renderer/src/views/login/useLogin.ts
index 94140bf..1e97852 100644
--- a/src/renderer/src/views/login/useLogin.ts
+++ b/src/renderer/src/views/login/useLogin.ts
@@ -14,18 +14,18 @@ export const useLogin = () => {
}
// 新增监听逻辑
- watch(isFirstVideoPlayed, (newVal) => {
- if (newVal) {
- if (newVal) {
- // 延迟一秒显示
- setTimeout(() => {
- showContent.value = true
- }, 800)
- } else {
- showContent.value = false
- }
- }
- })
+ // watch(isFirstVideoPlayed, (newVal) => {
+ // if (newVal) {
+ // if (newVal) {
+ // // 延迟一秒显示
+ // setTimeout(() => {
+ // showContent.value = true
+ // }, 800)
+ // } else {
+ // showContent.value = false
+ // }
+ // }
+ // })
const firstVideoRef = ref