论坛入口按钮样式处理

src/views/student/forumBtn/index.vue

@@ -1,37 +1,16 @@
 <template>
 	<div class="redressBox">
-		<div @click="jumpRedressUrl(2)">
-			<a-tooltip
-				title="纠错"
-				v-if="props.isShow.includes(2)"
-				:getPopupContainer="(trigger) => trigger.parentElement"
-				placement="left"
-			>
-				<CommentOutlined style="font-size: 40px" />
-			</a-tooltip>
+		<div @click="jumpRedressUrl(2)" v-if="props.isShow.includes(2)" class="btnBox">
+			<CopyOutlined style="font-size: 30px" />
+			<div>纠错</div>
 		</div>
-
-		<div @click="jumpRedressUrl(1)">
-			<a-tooltip
-				title="技术"
-				v-if="props.isShow.includes(1)"
-				:getPopupContainer="(trigger) => trigger.parentElement"
-				class="ml-2"
-				placement="left"
-			>
-				<CommentOutlined style="font-size: 40px" />
-			</a-tooltip>
+		<div @click="jumpRedressUrl(1)" v-if="props.isShow.includes(1)" class="btnBox mt-2">
+			<SnippetsOutlined style="font-size: 30px" />
+			<div>技术</div>
 		</div>
-		<div @click="jumpRedressUrl(3)">
-			<a-tooltip
-				title="讨论"
-				v-if="props.isShow.includes(3)"
-				:getPopupContainer="(trigger) => trigger.parentElement"
-				class="ml-2"
-				placement="left"
-			>
-				<CommentOutlined style="font-size: 40px" />
-			</a-tooltip>
+		<div @click="jumpRedressUrl(3)" v-if="props.isShow.includes(3)" class="btnBox mt-2">
+			<CommentOutlined style="font-size: 30px" />
+			<div>讨论</div>
 		</div>
 	</div>
 </template>
@@ -70,6 +49,15 @@
 		right: 20px;
 		bottom: 200px;
 		color: #969696;
+		background-color: #fff;
+		border-radius: 5px;
+		padding:10px;
+	}
+	.btnBox {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
 		cursor: pointer;
 	}
 </style>