fix: 样式定义错误

修复样式：错误的将局部样式定义成了全局样式

frontend/src/business/components/api/homepage/components/ApiDetailCard.vue

@@ -52,11 +52,8 @@ export default {
   }
 }
 </script>
-<style>
+<style scoped>
 .el-aside {
-  /*background-color: #D3DCE6;*/
-  /*color: #333;*/
   text-align: center;
-  /*line-height: 20;*/
 }
 </style>

frontend/src/business/components/api/homepage/components/ApiInfoCard.vue

@@ -50,7 +50,7 @@ export default {
   },
 }
 </script>
-<style>
+<style scoped>
 .el-aside {
   /*background-color: #D3DCE6;*/
   /*color: #333;*/

frontend/src/business/components/api/homepage/components/SceneDetailCard.vue

@@ -41,7 +41,7 @@ export default {
   },
 }
 </script>
-<style>
+<style scoped>
 .el-aside {
   /*background-color: #D3DCE6;*/
   /*color: #333;*/

frontend/src/business/components/api/homepage/components/SceneInfoCard.vue

@@ -50,7 +50,7 @@ export default {
   },
 }
 </script>
-<style>
+<style scoped>
 .el-aside {
   /*background-color: #D3DCE6;*/
   /*color: #333;*/

frontend/src/business/components/api/homepage/components/ScheduleTaskDetailCard.vue

@@ -48,7 +48,7 @@ export default {
   }
 }
 </script>
-<style>
+<style scoped>
 .el-aside {
   /*background-color: #D3DCE6;*/
   /*color: #333;*/

frontend/src/business/components/api/homepage/components/ScheduleTaskInfoCard.vue

@@ -58,7 +58,7 @@ export default {
   }
 }
 </script>
-<style>
+<style scoped>
 .el-aside {
   /*background-color: #D3DCE6;*/
   /*color: #333;*/

frontend/src/business/components/api/homepage/components/TestCaseDetailCard.vue

@@ -48,7 +48,7 @@ export default {
   }
 }
 </script>
-<style>
+<style scoped>
 .el-aside {
   /*background-color: #D3DCE6;*/
   /*color: #333;*/

frontend/src/business/components/api/homepage/components/TestCaseInfoCard.vue

@@ -57,7 +57,7 @@ export default {
   }
 }
 </script>
-<style>
+<style scoped>
 .el-aside {
   /*background-color: #D3DCE6;*/
   /*color: #333;*/