fix:添加niceGui库美化页面

2025-12-13 21:13:25 +08:00
parent 93d1e8687a
commit 3a4a9df751
14 changed files with 1555 additions and 41 deletions
--- a/ui/assets/style.css
+++ b/ui/assets/style.css
@@ -0,0 +1,55 @@
+/* assets/style.css */
+
+/* 全局字体 */
+body {
+    font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
+    background-color: #f0f4f8;
+}
+
+/* 标题栏 */
+.app-header {
+    background-color: #2E8B57; /* SeaGreen */
+    color: white;
+}
+
+/* 卡片通用样式 */
+.func-card {
+    width: 100%;
+    padding: 1rem;
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    background-color: white;
+    border-radius: 0.5rem;
+}
+
+/* 核心功能区顶部边框 */
+.card-core {
+    border-top: 4px solid #16a34a; /* green-600 */
+}
+
+/* 数据管理区顶部边框 */
+.card-data {
+    border-top: 4px solid #3b82f6; /* blue-500 */
+}
+
+/* 系统操作区顶部边框 */
+.card-system {
+    border-top: 4px solid #ef4444; /* red-500 */
+}
+
+.card-logging {
+    border-top: 4px solid #9c1be0;
+}
+
+/* 标题文字 */
+.section-title {
+    font-size: 1.125rem;
+    font-weight: 700;
+    margin-bottom: 0.5rem;
+}
+
+/* 绿色标题 */
+.text-green { color: #166534; }
+/* 蓝色标题 */
+.text-blue { color: #1e40af; }
+/* 红色标题 */
+.text-red { color: #991b1b; }