---
jd-id: "01.09"
name: "src-assets-styles"
desc: "Static assets shipped with the bundle plus the small set of CSS rules the app needs beyond Vuetify's stylesheet."
author: "Clark Lin"
updateTime: "2026-07-06"
status: active
type: "A-高层系统"
tags:
  - 前端
  - Assets
  - Styles
---

## Core Files

| File path | Role |
|-----------|------|
| `src/assets/images/login.jpg` | Background image for the login screen |
| `src/assets/images/loginAvatar.jpg` | Avatar overlay for the login screen |
| `src/styles/safe-area.css` | Global CSS for iOS Home Indicator / safe-area insets; imported once from `src/main.js` |
| `src/App.vue` | Root component — selects a layout (`default` vs `none`) from `route.meta.layout` and renders `<router-view />` inside it |

---

## Conventions

- Static imagery and styles that the app references with `@/assets/...` or `@/styles/...` live here.
- All global stylesheets should be imported from `main.js`; per-component scoped styles live alongside each `.vue` file.
- The favicon used in `public/favicon.ico` is duplicated as `dist/favicon.ico` after build (handled by Vite).

---

Home: [[01.00 student-app-frontend]] | **Location:** `C:\Projects\vue\student-app-frontend\src\assets` and `C:\Projects\vue\student-app-frontend\src\styles` and `C:\Projects\vue\student-app-frontend\src\App.vue`