样式修改

snowy-admin-web/src/layout/components/tags.vue

@@ -471,4 +471,39 @@
 	.snowy-radius .ant-tabs-ink-bar {
 		visibility: hidden !important;
 	}
+
+  // 旅客样式
+  .snowy-tags {
+    height: 40px;
+    background: #08112A;
+    .ant-tabs-extra-content, .ant-tabs-extra-content {
+      color: #ffffff;
+    }
+    .ant-tabs-nav-list {
+      align-items: center;
+      gap: 10px;
+      .ant-tabs-tab {
+        border-radius: 4px !important;
+        box-shadow: none !important;
+        height: 24px !important;
+        background-color: #213A7A !important;
+        font-size: 12px;
+        .ant-tabs-tab-btn {
+          color: #839EE3 !important;
+        }
+        .ant-tabs-tab-remove {
+          color: #ffffff !important;
+        }
+        &:before, &:after {
+          display: none;
+        }
+        &.ant-tabs-tab-active {
+          background-color: #266EFF !important;
+          .ant-tabs-tab-btn {
+            color: #FFFFFF !important;
+          }
+        }
+      }
+    }
+  }
 </style>

snowy-admin-web/src/layout/menu/leftMenu.vue

@@ -53,7 +53,7 @@
 					:trigger="null"
 					collapsible
 					:theme="sideTheme"
-					width="280"
+					width="190"
 				>
 					<div :class="menuIsCollapse ? 'admin-ui-side isCollapse' : 'admin-ui-side'">
 						<div class="admin-ui-side-scroll">
@@ -64,6 +64,7 @@
 								mode="inline"
 								@select="onSelect"
 								@openChange="onOpenChange"
+                :inlineIndent="18"
 							>
 								<NavMenu :nav-menus="menu"/>
 							</a-menu>
@@ -172,6 +173,7 @@ const menuIsCollapseClick = () => {
 .ant-layout-content {
 	display: flex;
 	flex-direction: column;
+  background-color: #08112A;
 }
 
 .xn-pd1180 {
@@ -191,13 +193,12 @@ const menuIsCollapseClick = () => {
 }
 .left-menu-header {
 	padding: 0;
-	height: auto;
+	height: 40px;
 	.snowy-header {
 		height: 100%;
-		background-color: #2C83E9;
+		background-color: #266EFF;
 		border: none;
 		.snowy-header-left {
-
 		}
 		.snowy-header-right {
 			color: #ffffff;
@@ -209,4 +210,20 @@ const menuIsCollapseClick = () => {
 		}
 	}
 }
+:deep(.ant-layout-sider) {
+  background-image: url("./left-menu.png");
+  background-repeat: no-repeat;
+  background-position: left bottom;
+  background-size: 190px auto;
+  .ant-menu {
+    background-color: transparent !important;
+    .ant-menu-submenu-title {
+      padding-right: 12px;
+      padding-left: 10px !important;
+      .ant-menu-submenu-arrow {
+        inset-inline-end: 4px;
+      }
+    }
+  }
+}
 </style>

snowy-admin-web/src/style/cus.less

@@ -15,25 +15,183 @@
 }
 
 .__cus-title_1 {
+	background-color: #213A7A;
 	width: 100%;
-	height: 32px;
+	height: 44px;
 	font-size: 16px;
 	font-family: PingFang SC-Regular, PingFang SC;
 	font-weight: 400;
-	color: #0062E9;
+	color: #ffffff;
 	display: flex;
 	align-items: center;
 	position: relative;
-	padding-left: 10px;
 	box-sizing: border-box;
 	margin: 10px 0;
 	&:before {
 		content: '';
-		position: absolute;
-		left: 0;
+		margin-left: 16px;
+		margin-right: 10px;
 		width: 2px;
 		height: 14px;
-		background-color: #0062E9;
+		background-color: #266EFF;
 	}
 }
 
+.ant-card {
+	background-color: #14204A;
+}
+.ant-form-item-label > label {
+	color: #cecece !important;
+}
+.ant-input-affix-wrapper {
+	background-color: #213A7A;
+	border: none;
+	.ant-input {
+		background-color: transparent;
+		color: #ffffff;
+		border: none !important;
+		&::placeholder {
+			color: rgba(255, 255, 255, 0.5);
+		}
+	}
+	.anticon {
+		color: #ffffff;
+	}
+}
+.ant-input {
+	background-color: #213A7A !important;
+	border: none !important;
+	color: #ffffff !important;
+	&::placeholder {
+		color: rgba(255, 255, 255, 0.5);
+	}
+	&.ant-input-disabled {
+		color: #ffffff !important;
+	}
+}
+.ant-select {
+	>span {
+		color: #ffffff !important;
+	}
+	.ant-select-selector {
+		background-color: #213A7A !important;
+		border: none !important;
+		.ant-select-selection-search-input {
+			background-color: transparent;
+			color: #ffffff !important;
+		}
+		.ant-select-selection-item {
+			color: #ffffff !important;
+		}
+		.ant-select-selection-placeholder {
+			color: rgba(255, 255, 255, 0.5) !important;
+		}
+	}
+	.ant-select-clear {
+		background-color: #213A7A !important;
+	}
+}
+.ant-picker {
+	background-color: #213A7A;
+	border: none;
+	color: #ffffff;
+	.ant-picker-input > input {
+		color: #ffffff;
+		&::placeholder {
+			color: rgba(255, 255, 255, 0.5);
+		}
+	}
+	.ant-picker-range-separator > span, .ant-picker-suffix > span {
+		color: #ffffff;
+	}
+	.ant-picker-clear {
+		background-color: #213A7A;
+		>span {
+			color: #ffffff;
+		}
+	}
+}
+.s-table-tool-right {
+	>span {
+		color: #ffffff;
+	}
+}
+.ant-table {
+	.ant-table-container {
+		border: none;
+		border-inline: none !important;
+		background-color: transparent !important;
+		table {
+			background-color: transparent !important;
+			border: none !important;
+			.ant-table-thead {
+				.ant-table-cell {
+					background-color: #0E46B5 !important;
+					border-radius: 0 !important;
+					border: none;
+					color: #ffffff !important;
+					border-inline-end-color: #213A7A !important;
+					font-weight: normal;
+					&.ant-table-cell-fix-right-first:after {
+						border-inline-color: #213A7A !important;
+					}
+				}
+			}
+			.ant-table-tbody {
+				.ant-table-row {
+					.ant-table-cell {
+						background-color: #162157 !important;
+						color: #ffffff !important;
+						border-inline: none !important;
+						border-bottom-color: #213A7A !important;
+						&.ant-table-cell-fix-right-first:after {
+							border-inline-color: #213A7A !important;
+						}
+					}
+					&:nth-child(even) {
+						.ant-table-cell {
+							background-color: #18276C !important;
+						}
+					}
+				}
+				.ant-table-placeholder {
+					.ant-table-cell {
+						background-color: #14204A !important;
+						border-inline: none !important;
+						border-bottom: none;
+						.ant-empty-description {
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+		::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(20, 32, 74, 0.7); }
+		::-webkit-scrollbar-track { width: 6px; background-color: transparent;-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
+		::-webkit-scrollbar-thumb { background-color: rgba(20, 32, 74, 0.7); background-clip: padding-box; min-height: 28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
+		::-webkit-scrollbar-thumb:hover { background-color: rgba(1, 15, 58, 0.3); }
+
+	}
+}
+
+.ant-modal-content {
+	background-color: #14204A !important;
+	padding: 0 !important;
+	.ant-modal-close {
+		color: #ffffff;
+	}
+	.ant-modal-header {
+		background-color: #266EFF;
+		height: 56px;
+		padding-left: 16px;
+		margin-bottom: 0;
+		.ant-modal-title {
+			color: #ffffff ;
+			line-height: 56px;
+			font-weight: normal;
+		}
+	}
+	.ant-modal-body {
+		padding: 16px;
+	}
+}

snowy-admin-web/src/style/index.less

@@ -162,11 +162,11 @@ a, button, input, textarea {
 		display: flex;
 		align-items: center;
 		margin-left: 16px;
-		font-family: PingFang SC, PingFang SC;
 		font-weight: 600;
-		font-size: 24px;
 		color: #FFFFFF;
 		line-height: 28px;
+		font-family: YouSheBiaoTiHei;
+		font-size: 18px;
 		.logo {
 			margin-right: 10px;
 		}