Doni/ZhangQiPro
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

"优化登录页面：添加学生能力评价画像按钮，调整布局和样式"

Browse Source
This commit is contained in:
sladro 2025-09-15 17:09:43 +08:00
parent aa8f3184ca
commit 43ef1d45ab
1 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/Login.vue
View File

@ -114,15 +114,21 @@
<span>快速体验</span>
</div>
<div class="demo-buttons">
<button class="demo-btn" @click="quickLogin('student')">
<User :size="16" />
<button class="demo-btn" @click="quickLogin('student')" style="padding: 10px var(--spacing-md);">
<el-icon style="font-size: 14px; margin-right: 6px;"><User /></el-icon>
学生演示
</button>
<button class="demo-btn" @click="quickLogin('teacher')">
<Monitor :size="16" />
<button class="demo-btn" @click="quickLogin('teacher')" style="padding: 10px var(--spacing-md);">
<el-icon style="font-size: 14px; margin-right: 6px;"><Monitor /></el-icon>
教师演示
</button>
</div>
<div class="demo-buttons" style="margin-top: 8px;">
<button class="demo-btn big-screen-btn" @click="$router.push('/big-screen-portrait')" style="flex: none; width: 100%; padding: 10px var(--spacing-md);">
<el-icon style="font-size: 14px; margin-right: 6px;"><PieChart /></el-icon>
学生能力评价画像
</button>
</div>
</div>
</div>
@ -445,6 +451,21 @@ export default {
color: var(--primary);
}
.big-screen-btn {
background: var(--gradient-primary);
color: var(--text-inverse) !important;
border-color: transparent;
font-weight: 600;
}
.big-screen-btn:hover {
background: var(--primary) !important;
border-color: transparent !important;
color: var(--text-inverse) !important;
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.login-footer {
text-align: center;
}