修改画布

src/App.vue

@@ -14,5 +14,6 @@
   -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -moz-osx-font-smoothing: grayscale;
   height: 100%;
   height: 100%;
+  text-align: center;
 }
 }
 </style>
 </style>

src/views/archi-ele-list/index.vue

@@ -192,7 +192,7 @@
 					</div>
 					</div>
 				</div>
 				</div>
 				<div style="width: 80%;height: 100%;border: 1px solid #000;overflow: auto;">
 				<div style="width: 80%;height: 100%;border: 1px solid #000;overflow: auto;">
-					<div :style="{ 'display': 'inline-block','margin': '10px 20px 10px 20px','border': graphIndex == index ? '2px solid #0D867F' : 'none','padding': '8px', 'border-radius': '6px' }" 
+					<div :style="{ 'display': 'inline-block','margin': '10px','border': graphIndex == index ? '2px solid #0D867F' : 'none','padding': '8px', 'border-radius': '6px' }" 
 						v-for="(item, index) in graphList" :key="item.graphId">
 						v-for="(item, index) in graphList" :key="item.graphId">
 						<img @click="clickGraph(index)" class="tu_biao_icon" :src="'data:image/svg+xml;base64,'+item.icon" alt="" />
 						<img @click="clickGraph(index)" class="tu_biao_icon" :src="'data:image/svg+xml;base64,'+item.icon" alt="" />
 					</div>
 					</div>