update el-card引发的样式错乱

src/spdm/views/home/components/TaskList.vue

@@ -180,3 +180,8 @@ onBeforeUnmount(() => {
 	margin-top: 8px;
 }
 </style>
+<style lang="scss" scoped>
+::v-deep .el-card__body {
+	overflow: hidden;
+}
+</style>

src/spdm/views/home/components/TaskMessage.vue

@@ -116,3 +116,9 @@ onMounted(() => {
 	}
 }
 </style>
+
+<style lang="scss" scoped>
+::v-deep .el-card__body {
+	overflow: hidden;
+}
+</style>

src/spdm/views/home/components/TopNavSpdm.vue

@@ -145,7 +145,7 @@ const handleClick = (item: any) => {
 </script>
 
 <template>
-	<div class="grid grid-cols-3 gap-4 mb-4 bg-white el-card is-always-shadow py-2 px-4 h-24 items-center">
+	<div class="grid grid-cols-3 gap-4 mb-4 bg-white is-always-shadow py-2 px-4 h-24 items-center">
 		<div class="col-span-1 pl-4 flex items-center">
 			<ImageAvatar class="!h-[60px] !w-[60px]" :src="userInfos.user.avatar" />
 			<div class="flex flex-col h-[40px] justify-between ml-6 title">

src/views/home/shortcut/index.vue

@@ -94,3 +94,9 @@ const showRoutes = computed(() => {
 	overflow-x: hidden;
 }
 </style>
+
+<style lang="scss" scoped>
+::v-deep .el-card__body {
+	overflow: hidden;
+}
+</style>