From c646dd6aed5133dcd46fd2446bb2303dd56c462c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=AB=9A=E5=AB=9A?= <1878447768@qq.com>
Date: Mon, 16 Dec 2024 13:39:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index b8c1914e..d3cdded9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,3 +47,55 @@ img.image-sm {
     color: #e6a23c; /* 文字颜色 */
 }
 </style>
+
+
+<template>
+    <!-- 根元素，应用的主容器 -->
+    <!-- 根元素，应用的主容器 -->
+    <div id="app">
+        <!-- 使用fade过渡效果来切换路由视图 -->
+        <transition name="fade">
+            <router-view /> <!-- 路由出口，用于渲染匹配的组件 -->
+        </transition>
+    </div>
+</template>
+
+<style>
+/* 样式定义 */
+
+/* 定义小图片的样式 */
+img.image-sm {
+    max-width: 80px; /* 最大宽度 */
+    max-height: 80px; /* 最大高度 */
+}
+
+/* 为el-col内的el-select和el-date-editor设置宽度 */
+.el-col .el-select,
+.el-col .el-date-editor {
+    width: 100%; /* 宽度设置为父容器的100% */
+}
+
+/* 设置表格展开行的样式 */
+.demo-table-expand {
+    font-size: 0; /* 将字体大小设为0，常用于清除子元素的默认间隙 */
+}
+
+/* 设置表格展开行内label的样式 */
+.demo-table-expand label {
+    width: 90px; /* 宽度 */
+    color: #99a9bf; /* 文字颜色 */
+}
+
+/* 设置el-form-item在表格展开行中的样式 */
+.demo-table-expand .el-form-item {
+    margin-right: 0; /* 右侧外边距 */
+    margin-bottom: 0; /* 底部外边距 */
+    width: 50%; /* 宽度设置为父容器的50% */
+}
+
+/* 定义警告文本的样式 */
+.text-warning {
+    color: #e6a23c; /* 文字颜色 */
+}
+</style>
+