NEZ-2702 fix:样式修改

This commit is contained in:
zyh
2023-03-22 14:28:52 +08:00
parent 94e47bff3c
commit a1b14d04bc
3 changed files with 12 additions and 7 deletions

View File

@@ -544,6 +544,12 @@
text-align: center;
color: $--color-text-secondary;
word-break: normal;
position: absolute;
left: 0;
right: 0;
&.comparison-text-center{
transform: translateY(-50%);
}
.nz-icon{
font-size: 1em;
color: $--color-text-regular;
@@ -552,7 +558,6 @@
color: #19be6b;
}
.comparison-decrease{
// color: #ed4014;
color: #eb1010;
}
}

View File

@@ -14,7 +14,7 @@
fontSize: item.fontSize,
}"
>
<div style="maxWidth:100%;position: relative;z-index: 10;">
<div style="maxWidth:100%;z-index: 10;">
<!-- all -->
<template v-if="chartInfo.param.text==='all'">
<div v-if="item.mapping" :style="{color:item.mapping.color.text}">
@@ -54,7 +54,7 @@
<!-- comparison -->
<template v-if="comparisonShow(item)">
<div class="comparison-text" :style="{fontSize: parseInt(item.fontSize)/2>12?parseInt(item.fontSize)/2+'px':'12px'}">
<div :class="{'comparison-text-center':chartInfo.param.text==='none'}" class="comparison-text" :style="{fontSize: parseInt(item.fontSize)/3>12?parseInt(item.fontSize)/3+'px':'12px'}">
<span v-if="chartInfo.param.comparison==='hour'">{{$t('dashboard.hourComparison')}}</span>
<span v-if="chartInfo.param.comparison==='day'">{{$t('dashboard.dayComparison')}}</span>
<span v-if="chartInfo.param.comparison==='week'">{{$t('dashboard.weekComparison')}}</span>
@@ -492,13 +492,13 @@ export default {
let minHeight
switch (this.chartInfo.param.text) {
case 'all':
minHeight = 64
minHeight = 72
break
case 'legend':
minHeight = 40
minHeight = 56
break
case 'value':
minHeight = 40
minHeight = 56
break
case 'none':
minHeight = 24

View File

@@ -1,7 +1,7 @@
<template>
<div v-clickoutside="{obj: editDashboard, func: esc}" class="right-box right-box-dashboard-temp">
<div class="right-box__header">
<div class="header__title">{{$t("dashboard.dashboard.createPanelTitle")}}</div>
<div class="header__title">{{$t("dashboard.dashboard.createDashboardTitle")}}</div>
<div class="header__operation">
<span v-cancel="{obj: editDashboard, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
</div>