fix: 添加缺失的项目资源文件
- 添加HarmonyOS字体文件 - 添加Dashboard相关背景图片 - 添加PersonalProfile页面图片资源 - 添加Rank排行榜图标 - 添加Login页面样式文件 - 添加CoursesVideoPlayer背景图片 这些文件被项目CSS引用,缺失会导致样式显示异常
BIN
src/assets/font/HarmonyOS_Sans_TC_Bold.ttf
Normal file
BIN
src/assets/font/HarmonyOS_Sans_TC_Regular.ttf
Normal file
BIN
src/assets/images/CoursesVideoPlayer/living_bg.png
Normal file
|
After Width: | Height: | Size: 182 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
BIN
src/assets/images/Dashboard/QuickAccess/bg.png
Normal file
|
After Width: | Height: | Size: 166 KiB |
BIN
src/assets/images/Dashboard/QuickAccess/item_bg.png
Normal file
|
After Width: | Height: | Size: 166 KiB |
BIN
src/assets/images/Dashboard/TaskList/task_list_bg.png
Normal file
|
After Width: | Height: | Size: 109 KiB |
BIN
src/assets/images/Dashboard/right_content_bg.png
Normal file
|
After Width: | Height: | Size: 377 KiB |
BIN
src/assets/images/Login/login_bg.png
Normal file
|
After Width: | Height: | Size: 9.2 MiB |
BIN
src/assets/images/PersonalProfile/line_icon1.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
src/assets/images/PersonalProfile/line_icon2.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 239 KiB After Width: | Height: | Size: 243 KiB |
BIN
src/assets/images/PersonalProfile/title_icon.png
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
src/assets/images/PersonalProfile/unified_profile_right_bg.png
Normal file
|
After Width: | Height: | Size: 93 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 3.8 KiB |
BIN
src/assets/images/Rank/icon1.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
src/assets/images/Rank/icon2.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
src/assets/images/Rank/icon3.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 4.4 KiB |
110
src/pages/Login/index.css
Normal file
@@ -0,0 +1,110 @@
|
|||||||
|
.login-page-wrapper {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
position: relative;
|
||||||
|
background-image: url("@/assets/images/Login/login_bg.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.login-icon {
|
||||||
|
width: 285px;
|
||||||
|
height: 96px;
|
||||||
|
position: absolute;
|
||||||
|
top: 127px;
|
||||||
|
left: 166px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-content {
|
||||||
|
width: 540px;
|
||||||
|
height: 626px;
|
||||||
|
position: absolute;
|
||||||
|
top: 137px;
|
||||||
|
left: 820px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30px 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.login-title {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
height: 49px;
|
||||||
|
line-height: 49px;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #1d2129;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
> span {
|
||||||
|
color: #0077ff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.login-tips {
|
||||||
|
width: 100%;
|
||||||
|
height: 28px;
|
||||||
|
line-height: 28px;
|
||||||
|
color: #86909c;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 400;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qr-code-wrapper {
|
||||||
|
width: 340px;
|
||||||
|
height: 340px;
|
||||||
|
border-radius: 24px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #f9fbfe;
|
||||||
|
border: 1px solid #e4e8eb;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
position: relative;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-user-read {
|
||||||
|
width: 100%;
|
||||||
|
height: 25px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 25px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #959da9;
|
||||||
|
|
||||||
|
> span {
|
||||||
|
color: #1d2129;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 超时遮罩层 */
|
||||||
|
.qr-expired-overlay {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: rgba(255, 255, 255, 0.9);
|
||||||
|
border-radius: 24px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
z-index: 20;
|
||||||
|
|
||||||
|
.expired-content {
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||