From 18803d07be3891ac68ed4ae83757c84fd1fc9abd Mon Sep 17 00:00:00 2001 From: ZHENG XIAOYI Date: Fri, 6 Feb 2026 16:18:54 +0800 Subject: [PATCH] feat: improve user interface layout for better accessibility --- README.md | 6 ++---- index.html | 2 +- package.json | 2 +- src/pages/Generate.tsx | 2 +- src/pages/styles/Login.css | 3 ++- src/pages/styles/PublicQuery.css | 9 +++++---- 6 files changed, 12 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index c6eab6e..faf88e8 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# 授权管理系统 - 前端应用 +# 溯源管理平台 - 前端应用 -浙江贝凡企业授权管理系统的前端应用，基于 React + TypeScript + Ant Design。 +浙江贝凡溯源管理平台的前端应用，基于 React + TypeScript + Ant Design。 ## 技术栈 @@ -25,7 +25,6 @@ frontend/ │ │ ├── Dashboard.tsx │ │ ├── Generate.tsx │ │ ├── Manage.tsx -│ │ ├── AdminQuery.tsx │ │ └── Profile.tsx │ ├── services/ # API 服务层 │ │ └── api.ts @@ -99,7 +98,6 @@ VITE_API_BASE_URL=/api - 查看序列号列表 - 吊销企业/序列号 - 查看序列号二维码 -- 序列号查询 - 用户资料管理 ## License diff --git a/index.html b/index.html index 73f4b00..7035db5 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - 溯源管理系统 + 溯源管理平台 diff --git a/package.json b/package.json index 8487960..819615c 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "trace-frontend", "version": "1.0.0", - "description": "浙江贝凡企业授权管理系统 - 前端", + "description": "浙江贝凡溯源管理平台 - 前端", "scripts": { "dev": "vite", "build": "vite build", diff --git a/src/pages/Generate.tsx b/src/pages/Generate.tsx index 46d3191..cbe7ba5 100644 --- a/src/pages/Generate.tsx +++ b/src/pages/Generate.tsx @@ -265,7 +265,7 @@ function GeneratePage() {
QR Code {generatedData.serials && generatedData.serials.length > 0 && ( -

{generatedData.serials[0].serialNumber}

+

{generatedData.serials[0].serialNumber}

)}
)} diff --git a/src/pages/styles/Login.css b/src/pages/styles/Login.css index 8023c98..2ed8960 100644 --- a/src/pages/styles/Login.css +++ b/src/pages/styles/Login.css @@ -1,11 +1,12 @@ .login-container { - min-height: 100vh; + height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%); + overflow: hidden; } .login-card { diff --git a/src/pages/styles/PublicQuery.css b/src/pages/styles/PublicQuery.css index b5f901a..0861061 100644 --- a/src/pages/styles/PublicQuery.css +++ b/src/pages/styles/PublicQuery.css @@ -1,11 +1,12 @@ .public-query-container { - min-height: 100vh; + height: 100vh; display: flex; flex-direction: column; align-items: center; - justify-content: flex-start; - padding: 32px 20px; + justify-content: center; + padding: 20px; background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%); + overflow: hidden; } .query-card { @@ -50,7 +51,7 @@ .result-card { width: 100%; max-width: 480px; - padding: 16px; + padding: 24px; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.9); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);