fix: topo 样式调整
This commit is contained in:
@@ -400,6 +400,7 @@
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
line-height: 20px;
|
||||
color: $--color-text-regular;
|
||||
}
|
||||
.legend-item, .legend--table-row {
|
||||
&.legend-item--inactive, &.row--inactive {
|
||||
|
||||
@@ -8,7 +8,9 @@
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid $--border-color-light;
|
||||
|
||||
.tooltip-box-title {
|
||||
color: $--color-text-primary
|
||||
}
|
||||
.tooltip-box-chart {
|
||||
max-height: 400px;
|
||||
min-height: 200px;
|
||||
|
||||
@@ -29,15 +29,17 @@
|
||||
|
||||
.top-tool-item {
|
||||
cursor: pointer;
|
||||
background: $--background-color-empty;
|
||||
border: 1px solid $--border-color-base;
|
||||
background: $--background-color-base;
|
||||
border: 1px solid $--border-color-light;
|
||||
border-radius: 2px;
|
||||
padding: 8px 11px;
|
||||
line-height: 14px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.is-active-meta2d.top-tool-item {
|
||||
background: $--background-color-disabled;
|
||||
background: mix(#FFF, $--background-color-disabled, 35%);
|
||||
border: 1px solid mix(#000, $--background-color-disabled, 35%);
|
||||
color: $--color-text-disabled;
|
||||
}
|
||||
.top-tool-item-scale {
|
||||
margin-left: 40px;
|
||||
|
||||
@@ -3,6 +3,9 @@
|
||||
box-sizing: border-box;
|
||||
padding: 14px 20px 14px 10px;
|
||||
display: flex;
|
||||
> div {
|
||||
color: $--color-text-primary
|
||||
}
|
||||
.tools-left{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@@ -13,6 +13,7 @@
|
||||
background: $--background-color-empty;
|
||||
}
|
||||
.form-row-item{
|
||||
color: $--color-text-primary;
|
||||
vertical-align: top;
|
||||
width: calc(50% - 3px);
|
||||
display: inline-block;
|
||||
|
||||
@@ -52,7 +52,7 @@ $--border-color-base: #DEDEDE;
|
||||
// 普通边框色focus
|
||||
$--border-color-base-focus: #C7C7C7;
|
||||
// 浅边框色(覆盖element-ui内置变量)
|
||||
$--border-color-light: #E7EAED;
|
||||
$--border-color-light: #e7eaed;
|
||||
// 浅边框色hover
|
||||
$--border-color-light-hover: darken($--border-color-light, 10%);
|
||||
// 浅边框色focus
|
||||
|
||||
@@ -218,6 +218,7 @@ export default {
|
||||
this.timer3 = null
|
||||
}
|
||||
this.position.show = false
|
||||
console.log(pen)
|
||||
if (!pen.type && pen.data.enable.tooltip) {
|
||||
if (!pen.data.tooltip.legends.length) {
|
||||
return
|
||||
|
||||
@@ -9,6 +9,7 @@ export default {
|
||||
getTopology(id).resize()
|
||||
},
|
||||
initEdit (id) {
|
||||
bus.$emit('changeSelectPens', [])
|
||||
getTopology(id).lock(0)
|
||||
getTopology(id).stopAnimate()
|
||||
if (getTopology(id).data().pens) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="tooltip-box" style="width: 400px;height: 300px;display: flex;flex-direction: column">
|
||||
<div v-if="params.titleShow && params.title" style="margin-bottom: 5px">{{params.title}}</div>
|
||||
<div v-if="params.titleShow && params.title" style="margin-bottom: 5px" class="tooltip-box-title">{{params.title}}</div>
|
||||
|
||||
<div
|
||||
v-if="params.chartType === 'text'"
|
||||
|
||||
@@ -227,13 +227,13 @@ export default {
|
||||
undo () { // 撤销
|
||||
getTopology(this.meta2dId).undo()
|
||||
// getTopology(this.meta2dId).inactive()
|
||||
// bus.$emit('changeSelectPens', [])
|
||||
bus.$emit('changeSelectPens', [])
|
||||
},
|
||||
redo () { // 重做
|
||||
getTopology(this.meta2dId).redo()
|
||||
// getTopology(this.meta2dId).render()
|
||||
// getTopology(this.meta2dId).inactive()
|
||||
// bus.$emit('changeSelectPens', [])
|
||||
bus.$emit('changeSelectPens', [])
|
||||
},
|
||||
centerView () { // 居中显示
|
||||
getTopology(this.meta2dId).centerView()
|
||||
|
||||
Reference in New Issue
Block a user