|
|
@@ -14,7 +14,7 @@
|
|
|
<Footer class="footer">
|
|
|
<div class="tools">
|
|
|
<Poptip trigger="hover" >
|
|
|
- <Button icon="ios-bulb"></Button>
|
|
|
+ <Button icon="ios-options"></Button>
|
|
|
<div slot="content" style="background: #f8f8f9">
|
|
|
<Card title="快捷键说明" icon="ios-options" :padding="0" shadow style="width: 350px;">
|
|
|
<CellGroup>
|
|
|
@@ -95,8 +95,11 @@
|
|
|
</Card>
|
|
|
</div>
|
|
|
</Poptip>
|
|
|
+ <Tooltip content="节点居中">
|
|
|
+ <Button icon="md-contract" @click="()=>{this.graph.zoomToFit({ maxScale: 1 });this.graph.centerContent(); this.graph.cleanSelection()}"></Button>
|
|
|
+ </Tooltip>
|
|
|
<Tooltip content="导出PNG">
|
|
|
- <Button icon="ios-camera" @click="()=>{this.graph.exportPNG('',{padding:50})}"></Button>
|
|
|
+ <Button icon="md-images" @click="()=>{this.graph.exportPNG('',{padding:50})}"></Button>
|
|
|
</Tooltip>
|
|
|
<Tooltip content="导出JSON">
|
|
|
<Button icon="ios-cloud-download" @click="exportJson"></Button>
|
|
|
@@ -557,9 +560,12 @@ export default {
|
|
|
font-size: 28px!important;
|
|
|
width: 48px!important;
|
|
|
height: 48px!important;
|
|
|
- /*border: none!important;*/
|
|
|
+ border: none!important;
|
|
|
+ outline:none!important; /*去除点击时的蓝色边框*/
|
|
|
+ box-shadow:none!important; /*同时去除阴影的蓝色边框*/
|
|
|
/*border-radius:0px!important;*/
|
|
|
}
|
|
|
+
|
|
|
/deep/ .ivu-tooltip{
|
|
|
height: 48px!important;
|
|
|
}
|
|
|
@@ -617,7 +623,9 @@ export default {
|
|
|
align-items: self-start;
|
|
|
color: #B6B6B6;
|
|
|
}
|
|
|
-
|
|
|
+.tools{
|
|
|
+ background: #F2F7FA;
|
|
|
+}
|
|
|
</style>
|
|
|
|
|
|
|
