✨ feat: 紧凑布局

rtsp-vue/src/assets/styles/element/layout-compact.scss

@@ -0,0 +1,77 @@
+// 定制element-ui组件的尺寸, 紧凑布局
+:root {
+  --el-component-size: 25px !important;
+  --el-pagination-button-width: 25px !important;
+  --el-pagination-button-height: 25px !important;
+}
+
+.el-table {
+  .el-table__cell {
+		padding: 0 !important;
+	}
+
+  .el-table__header-wrapper th.el-table__cell {
+    padding: 0 !important;
+    height: 30px !important;
+  }
+}
+
+.el-button {
+  height: 25px !important;
+  font-size: 12px !important;
+  border-radius: 0;
+
+  &.is-circle {
+    width: 25px !important;
+    border-radius: 8px;
+  }
+}
+
+.el-form {
+  &--inline {
+    .el-form-item {
+      margin-right: 10px !important;
+    }
+  }
+
+  .el-form-item {
+    margin-bottom: 10px !important;
+    font-size: 12px !important;
+  }
+}
+
+.el-select {
+  .el-select__wrapper {
+    min-height: 25px !important;
+  }
+}
+
+.el-menu {
+  .el-menu-item {
+    height: 40px !important;
+  }
+
+  .el-sub-menu__title {
+    height: 40px !important;
+  }
+}
+
+.el-pagination {
+  .el-pager {
+    li {
+      height: 25px !important;
+      width: 25px !important;
+      min-height: 25px !important;
+      min-width: 25px !important;
+      padding: 0 !important;
+    }
+  }
+
+  .btn-prev, .btn-next {
+    height: 25px !important;
+    width: 25px !important;
+    min-height: 25px !important;
+    min-width: 25px !important;
+    padding: 0 !important;
+  }
+}