feat: Add attendance management dialog and sidebar components

- Implemented AttendanceManagementDialog.vue for managing student attendance with search and filter functionalities.
- Created AttendanceSidebar.vue to display attendance statistics and lists of students by status.
- Introduced HomeActions.vue for various actions including upload and random picker.
- Developed HomeworkGrid.vue to display homework and attendance cards in a masonry layout.
- Added glow effect styles in glow.scss for enhanced UI interactions.
- Updated index.scss to include glow styles.
This commit is contained in:
Sunwuyuan
2025-11-29 13:59:32 +08:00
parent b3595422c7
commit 8d9b9a3f32
8 changed files with 1062 additions and 798 deletions
+28
View File
@@ -0,0 +1,28 @@
.glow-effect {
transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
&:hover {
box-shadow: 0 0 15px rgba(var(--v-theme-primary), 0.5);
transform: translateY(-2px);
}
}
.glow-text {
text-shadow: 0 0 5px rgba(var(--v-theme-primary), 0.5);
}
.bloom-container {
.v-card {
transition: box-shadow 0.3s ease;
&:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 15px rgba(var(--v-theme-primary), 0.3) !important;
}
}
.v-btn {
transition: box-shadow 0.3s ease;
&:hover {
box-shadow: 0 0 10px rgba(var(--v-theme-primary), 0.4);
}
}
}
+2
View File
@@ -1,3 +1,5 @@
@import './glow.scss';
// 添加卡片发光效果
.glow-track {
position: relative;