History

13121765685 0594d473e1 22		2025-12-10 18:13:59 +08:00
..
deploy-scripts	init	2025-11-24 09:42:23 +08:00
docs	init	2025-11-18 17:53:34 +08:00
public	init	2025-11-18 11:59:57 +08:00
src	22	2025-12-10 18:13:59 +08:00
.dockerignore	init	2025-11-24 09:42:23 +08:00
.env.development	22	2025-12-08 11:50:56 +08:00
.env.production	22	2025-12-08 11:50:56 +08:00
.gitignore	init	2025-11-18 11:59:57 +08:00
DEPLOYMENT_GUIDE.md	init	2025-11-24 09:42:23 +08:00
DOCKER_BUILD_STEPS.md	init	2025-11-24 09:42:23 +08:00
Dockerfile	init	2025-11-24 09:42:23 +08:00
README.md	init	2025-11-18 11:59:57 +08:00
build-package.sh	init	2025-11-24 09:42:23 +08:00
deploy-checklist.md	init	2025-11-24 09:42:23 +08:00
docker-compose.prod.yml	init	2025-11-24 09:42:23 +08:00
docker-compose.yml	init	2025-11-24 09:42:23 +08:00
index.html	22	2025-12-08 11:50:56 +08:00
ipconfig.js	init	2025-11-24 09:42:23 +08:00
package-lock.json	init	2025-11-18 11:59:57 +08:00
package.json	222	2025-12-09 13:05:48 +08:00
postcss.config.js	22	2025-12-08 11:50:56 +08:00
tailwind.config.js	222	2025-12-09 13:05:48 +08:00
vercel.json	init	2025-11-18 11:59:57 +08:00
vite.config.js	22	2025-12-10 18:13:59 +08:00

README.md

Deotaland Frontend (Vue 3 + Element Plus)

This template implements the requested design system, i18n, routing, and performance features.

Stack

Vue 3 (Vite, JavaScript)
Element Plus 2.x (auto-import, CSS styles)
Vue Router 4
Vue I18n 9.x (zh/en, default zh)
unplugin-auto-import / unplugin-vue-components / unplugin-icons (Feather icons)
vue3-lazyload (images)
vue-virtual-scroller@next (large lists)

Scripts

npm run dev – start dev server
npm run build – production build
npm run preview – preview build

Features

Design system: primary #6B46C1, accent #A78BFA, text #1F2937, bg #F3F4F6, radius 8px
8px spacing grid, card-based layout, subtle shadows, 200ms ease-in-out transitions
Dark theme: toggle via header switch; relies on Element Plus dark CSS variables
I18n: language switch persists to localStorage
Routing: Home and List pages; unknown routes redirect to /
Performance: lazy-loaded gallery images, virtual scroller rendering 2000+ items smoothly

Structure

src/styles/ – base.css, theme.css
src/locales/ – i18n configuration
src/router/ – router setup
src/views/ – Home.vue, List.vue
src/components/ – Gallery.vue

Notes

Feather icons via unplugin-icons components (e.g., <i-feather-home />)
Ensure network access for Inter font (Google Fonts); replace with local font if needed