feat: 修改 拓扑图样式覆盖问题

src/views/pages/test.vue

@@ -4,11 +4,11 @@
       <el-header>Header</el-header>
       <el-container>
         <el-aside width="200px">Aside</el-aside>
-        <el-main>
+        <el-main class="thisMain">
           <el-button type="primary" @click="changeMode('default')">默认</el-button>
           <el-button type="primary" @click="changeMode('addNode')">添加节点</el-button>
           <el-button type="primary" @click="changeMode('addEdge')">添加连线</el-button>
-          <div id="cy-topology"></div>
+          <div id="cy-topology" />
         </el-main>
       </el-container>
     </el-container>
@@ -19,7 +19,7 @@
 import G6 from '@antv/g6'
 
 export default {
-  name: 'about',
+  name: 'About',
   components: {},
   data() {
     return {
@@ -133,7 +133,6 @@ export default {
           }
         }
       })
-
     },
     changeMode(value) {
       this.graph.setMode(value)
@@ -157,7 +156,7 @@ export default {
   line-height: 200px;
 }
 
-.el-main {
+.thisMain {
   background-color: #E9EEF3;
   color: #333;
   text-align: center;