李

代码注释

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>
+