封装公共组件，调整样式文件的布局，修改路由页面样式

2025-03-27 19:58:58 +08:00
parent d9b9ce4676
commit 540618b8ca
33 changed files with 2613 additions and 987 deletions
@@ -0,0 +1,50 @@
+/**
+ * 文件图标组件样式
+ */
+
+/* 文件图标容器 */
+.file-icon {
+  @apply inline-flex items-center justify-center w-10 h-10 rounded-md text-xl;
+}
+
+/* 文件图标类型 */
+.file-icon-doc {
+  @apply bg-blue-100 text-blue-600;
+}
+
+.file-icon-pdf {
+  @apply bg-red-100 text-red-600;
+}
+
+.file-icon-xls {
+  @apply bg-green-100 text-green-600;
+}
+
+.file-icon-ppt {
+  @apply bg-orange-100 text-orange-600;
+}
+
+.file-icon-zip {
+  @apply bg-purple-100 text-purple-600;
+}
+
+.file-icon-img {
+  @apply bg-pink-100 text-pink-600;
+}
+
+.file-icon-txt {
+  @apply bg-gray-100 text-gray-600;
+}
+
+.file-icon-unknown {
+  @apply bg-gray-100 text-gray-600;
+}
+
+/* 文件图标尺寸 */
+.file-icon-sm {
+  @apply w-8 h-8 text-base;
+}
+
+.file-icon-lg {
+  @apply w-12 h-12 text-2xl;
+}