update

src/views/ZMOverView/components/fourSuppress/components/allElement/index.vue

@@ -114,7 +114,10 @@
 								</div>
 							</div>
 						</div>
-						<div class="inner-box2" id="box2Chart"></div>
+						<div class="inner-box2">
+							<div class="chart-header">{{ "关键词云" }}</div>
+							<div class="box2Chart" id="box2Chart"></div>
+						</div>
 					</div>
 				</div>
 				<div class="box box3">
@@ -178,7 +181,10 @@
 								</div>
 							</div>
 						</div>
-						<div class="inner-box2" id="box3Chart"></div>
+						<div class="inner-box2">
+							<div class="chart-header">{{ "关键词云" }}</div>
+							<div class="box3Chart" id="box3Chart"></div>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -558,19 +564,19 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .content-wrapper {
-	width: 1666px;
-	height: 2132px;
-	// background: orange;
+	width: 1600px;
+	// height: 2132px;
 	.header {
-		width: 1664px;
+		width: 1600px;
 		height: 176px;
+		margin: 0 auto;
 		display: flex;
 		justify-content: center;
 		gap: 16px;
 		position: relative;
 		.header-arrow-left {
 			position: absolute;
-			left: 0;
+			left: -33px;
 			top: 64px;
 			width: 24px;
 			height: 48px;
@@ -582,7 +588,7 @@ onMounted(() => {
 		}
 		.header-arrow-right {
 			position: absolute;
-			right: 0;
+			right: -33px;
 			top: 64px;
 			width: 24px;
 			height: 48px;
@@ -1022,6 +1028,30 @@ onMounted(() => {
 						box-sizing: border-box;
 						border: 1px solid rgba(234, 236, 238, 1);
 						border-radius: 10px;
+						overflow: hidden;
+						position: relative;
+						.chart-header {
+							position: absolute;
+							top: 14px;
+							left: 20px;
+							width: 90px;
+							height: 26px;
+							border-radius: 20px;
+							background: var(--color-main-active);
+							text-align: center;
+							line-height: 26px;
+							color: #fff;
+							font-family: YouSheBiaoTiHei;
+							font-style: Regular;
+							font-size: 20px;
+							font-weight: 400;
+							line-height: 26px;
+							letter-spacing: 0px;
+						}
+						.box2Chart {
+							width: 412px;
+							height: 368px;
+						}
 					}
 				}
 			}
@@ -1234,6 +1264,30 @@ onMounted(() => {
 						box-sizing: border-box;
 						border: 1px solid rgba(234, 236, 238, 1);
 						border-radius: 10px;
+						overflow: hidden;
+						position: relative;
+						.chart-header {
+							position: absolute;
+							top: 14px;
+							left: 20px;
+							width: 90px;
+							height: 26px;
+							border-radius: 20px;
+							background: var(--color-main-active);
+							text-align: center;
+							line-height: 26px;
+							color: #fff;
+							font-family: YouSheBiaoTiHei;
+							font-style: Regular;
+							font-size: 20px;
+							font-weight: 400;
+							line-height: 26px;
+							letter-spacing: 0px;
+						}
+						.box3Chart {
+							width: 412px;
+							height: 368px;
+						}
 					}
 				}
 			}

src/views/ZMOverView/components/fourSuppress/index.vue

@@ -46,14 +46,14 @@ const handleNavClick = name => {
 
 <style lang="scss" scoped>
 .content-wrapper {
-	// width: 1601px;
-    width: 1666px;
-	height: 2203px;
+	width: 1600px;
+	// width: 1666px;
+	// height: 2203px;
 	margin: 0 auto;
 	.main-nav {
-		width: 1601px;
+		width: 1600px;
 		height: 55px;
-        margin: 0 auto;
+		// margin: 0 auto;
 		padding: 4px 5px;
 		display: flex;
 		align-items: center;