全文提示

src/App.vue

@@ -35,32 +35,32 @@
 									<el-dropdown-item command="/marketAccessRestrictions">市场准入限制</el-dropdown-item>
 								</el-dropdown-menu>
 							</template>
-						</el-dropdown>
-						<div class="nav-link">
-							<el-icon>
-								<User />
-							</el-icon>
-							<span>国家</span>
-						</div>
-						<div class="nav-link">
-							<el-icon>
-								<Location />
-							</el-icon>
-							<span>领域</span>
-						</div>
-						<div class="nav-link">
-							<el-icon>
-								<Document />
-							</el-icon>
-							<span>要素</span>
-						</div>
-						<div class="nav-link">
-							<el-icon>
-								<Bell />
-							</el-icon>
-							<span>事件</span>
-						</div>
-					</div> -->
+</el-dropdown>
+<div class="nav-link">
+	<el-icon>
+		<User />
+	</el-icon>
+	<span>国家</span>
+</div>
+<div class="nav-link">
+	<el-icon>
+		<Location />
+	</el-icon>
+	<span>领域</span>
+</div>
+<div class="nav-link">
+	<el-icon>
+		<Document />
+	</el-icon>
+	<span>要素</span>
+</div>
+<div class="nav-link">
+	<el-icon>
+		<Bell />
+	</el-icon>
+	<span>事件</span>
+</div>
+</div> -->
 					<div class="user-info">
 						<div class="email">
 							<img src="@/assets/icons/header-icon.png" alt="" />
@@ -139,6 +139,17 @@ body {
 body {
 	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
 }
+
+.el-popover {
+	font-family: "Microsoft YaHei";
+	color: rgba(95, 101, 108, 1);
+	font-style: Regular;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 30px;
+	letter-spacing: 0px;
+	text-align: justify;
+}
 </style>
 
 <style lang="scss" scoped>
@@ -182,6 +193,7 @@ body {
 	gap: 12px;
 	position: absolute;
 	left: 160px;
+
 	.brand-icon {
 		width: 48px;
 		height: 48px;
@@ -200,6 +212,7 @@ body {
 
 .brand-text {
 	cursor: pointer;
+
 	.text-ch {
 		height: 37px;
 		color: rgba(10, 18, 30, 1);

src/views/thinkTank/index.vue

@@ -74,9 +74,16 @@
 						</div>
 						<div class="card-title">
 							<div class="title-left">{{ item.name }}</div>
+
 							<div class="title-right">{{ item.country }}</div>
 						</div>
-						<div class="content">{{ item.desc }}</div>
+
+						<el-popover effect="dark" trigger="click" :content="item.desc" placement="top-start">
+							<template #reference>
+								<div class="content">{{ item.desc }}</div>
+							</template>
+						</el-popover>
+
 						<div class="tag-box">
 							<div class="tag" :class="{
 								tag1: val.status === 1,
@@ -1397,8 +1404,8 @@ onMounted(async () => {
 		// 索引加1
 		box1DataIndex.value++;
 		// 如果索引大于等于数组长度，重置为0，实现循环轮播
-		if (currentIndex >= box1Data.value.length) {
-			currentIndex = 0;
+		if (box1DataIndex.value >= box1Data.value.length) {
+			box1DataIndex.value = 0;
 		}
 	}, 3000); // 2000毫秒，即2秒
 	handleGetNewReport();