feat: add card hover effect and ECharts heatmap support
This commit is contained in:
@@ -198,6 +198,14 @@
|
|||||||
opacity: 0.7 !important;
|
opacity: 0.7 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 统一悬浮效果 */
|
||||||
|
.bg-card:hover,
|
||||||
|
.ant-card:hover,
|
||||||
|
div.ant-card:hover,
|
||||||
|
.device-card.ant-card:hover {
|
||||||
|
box-shadow: var(--glass-shadow-hover) !important;
|
||||||
|
transform: translateY(-4px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Card 子元素样式调整 */
|
/* Card 子元素样式调整 */
|
||||||
.ant-card-body {
|
.ant-card-body {
|
||||||
|
|||||||
@@ -2,6 +2,7 @@ import type {
|
|||||||
// 系列类型的定义后缀都为 SeriesOption
|
// 系列类型的定义后缀都为 SeriesOption
|
||||||
BarSeriesOption,
|
BarSeriesOption,
|
||||||
GaugeSeriesOption,
|
GaugeSeriesOption,
|
||||||
|
HeatmapSeriesOption,
|
||||||
LineSeriesOption,
|
LineSeriesOption,
|
||||||
MapSeriesOption,
|
MapSeriesOption,
|
||||||
} from 'echarts/charts';
|
} from 'echarts/charts';
|
||||||
@@ -21,6 +22,7 @@ import {
|
|||||||
BarChart,
|
BarChart,
|
||||||
FunnelChart,
|
FunnelChart,
|
||||||
GaugeChart,
|
GaugeChart,
|
||||||
|
HeatmapChart,
|
||||||
LineChart,
|
LineChart,
|
||||||
MapChart,
|
MapChart,
|
||||||
PieChart,
|
PieChart,
|
||||||
@@ -54,6 +56,7 @@ export type ECOption = ComposeOption<
|
|||||||
| GaugeSeriesOption
|
| GaugeSeriesOption
|
||||||
| GeoComponentOption
|
| GeoComponentOption
|
||||||
| GridComponentOption
|
| GridComponentOption
|
||||||
|
| HeatmapSeriesOption
|
||||||
| LineSeriesOption
|
| LineSeriesOption
|
||||||
| MapSeriesOption
|
| MapSeriesOption
|
||||||
| TitleComponentOption
|
| TitleComponentOption
|
||||||
@@ -77,6 +80,7 @@ echarts.use([
|
|||||||
LineChart,
|
LineChart,
|
||||||
FunnelChart,
|
FunnelChart,
|
||||||
GaugeChart,
|
GaugeChart,
|
||||||
|
HeatmapChart,
|
||||||
LabelLayout,
|
LabelLayout,
|
||||||
UniversalTransition,
|
UniversalTransition,
|
||||||
CanvasRenderer,
|
CanvasRenderer,
|
||||||
|
|||||||
Reference in New Issue
Block a user