From b09b821ef36fd1ea979e9a5daa98e95732ac81d5 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 16 七月 2025 18:16:00 +0800
Subject: [PATCH] 2025-07-16
---
src/tabviews/custom/components/chart/antv-bar-line/index.scss | 97 +++++++++++++++---------------------------------
1 files changed, 31 insertions(+), 66 deletions(-)
diff --git a/src/tabviews/custom/components/chart/antv-bar-line/index.scss b/src/tabviews/custom/components/chart/antv-bar-line/index.scss
index b83b1db..f0903f8 100644
--- a/src/tabviews/custom/components/chart/antv-bar-line/index.scss
+++ b/src/tabviews/custom/components/chart/antv-bar-line/index.scss
@@ -1,38 +1,47 @@
.custom-line-chart-plot-box {
- // margin-bottom: 30px;
+ position: relative;
background: #ffffff;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ min-height: 100px;
- > .chart-header {
- height: 45px;
- border-bottom: 1px solid #e8e8e8;
- overflow: hidden;
-
- .chart-title {
- font-size: 16px;
- float: left;
- line-height: 45px;
- margin-left: 10px;
- }
- }
-
.canvas-wrap {
margin: 0 0px;
position: relative;
.chart-action {
position: absolute;
- top: 2px;
+ top: 0px;
right: 5px;
z-index: 1;
+ .ant-btn {
+ float: right;
+ }
}
- .chart-action.with-title {
- top: 35px;
+ .download {
+ position: absolute;
+ z-index: 1;
+ right: 10px;
+ top: 8px;
+ opacity: 0;
+ transition: opacity 0.3s;
+ cursor: pointer;
+ font-size: 16px;
+ }
+ .chart-action.downable {
+ right: 35px;
+ }
+ }
+ .canvas-wrap:hover {
+ .download {
+ opacity: 1;
}
}
.canvas {
margin: 0;
- // border: 1px solid #e8e8e8;
- padding: 25px 15px;
+ padding: 15px;
+ letter-spacing: 0px;
}
.canvas.empty {
div {
@@ -50,10 +59,10 @@
}
.loading-mask {
position: absolute;
- left: 20px;
+ left: 0px;
top: 0;
- right: 20px;
- bottom: 30px;
+ right: 0px;
+ bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
@@ -66,50 +75,6 @@
height: 100%;
opacity: 0.5;
background: #ffffff;
- }
- }
- .chart-title + .loading-mask {
- top: 40px;
- }
- > .ant-select {
- width: 150px;
- float: right;
- position: relative;
- z-index: 1;
- .ant-select-selection {
- min-height: 24px;
- height: 28px;
- li {
- background: unset;
- border: 0;
- width: 99%;
- padding: 0;
- margin-right: 0;
- cursor: pointer;
-
- .type-label {
- overflow: hidden;
- word-break: break-word;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- }
- li + li {
- margin-top: 0;
- width: 1%;
- opacity: 0;
- }
- }
- }
- > .ant-select.ant-select-focused {
- .ant-select-selection {
- li {
- width: 50%;
- }
- li + li {
- width: 49%;
- opacity: 1;
- }
}
}
.g2-tooltip-list{
--
Gitblit v1.8.0