样式微调

src/components/homeView/topoImageCard.vue

@@ -1,6 +1,6 @@
 <!--拓扑图缩略图卡片-->
 <template>
-  <el-card class="box-card">
+  <el-card class="box-card" shadow="hover">
     <div slot="header" class="clearfix">
       <span>卡片名称</span>
       <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
@@ -17,9 +17,15 @@ export default {
 </script>
 <style lang="less" scoped>
 .box-card {
+  position: relative;
   width: 260px;
   height: 200px;
+  border-radius: 8px;
   margin-right: 20px;
   margin-bottom: 20px;
+  cursor: pointer;
+  &:hover {
+    border-color: #0091FF80;
+  }
 }
 </style>

src/router/index.ts

@@ -12,7 +12,7 @@ const routes: Array<RouteConfig> = [
   {
     path: '/home',
     name: 'home',
-    component: () => import('../views/home.vue')
+    component: () => import('../views/Home.vue')
   }
 ]