diff --git a/src/assets/common/gridItemBg.png b/src/assets/common/gridItemBg.png new file mode 100644 index 0000000..99c68d6 Binary files /dev/null and b/src/assets/common/gridItemBg.png differ diff --git a/src/assets/common/gridItemPieBg.png b/src/assets/common/gridItemPieBg.png new file mode 100644 index 0000000..15a3a77 Binary files /dev/null and b/src/assets/common/gridItemPieBg.png differ diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss index e89a1fa..6757ddc 100644 --- a/src/styles/element-plus.scss +++ b/src/styles/element-plus.scss @@ -130,6 +130,7 @@ .el-select__wrapper { min-height: 32px; line-height: 32px; + box-shadow: 0 0 0 0 !important; } .el-select__arrow { color: rgba(255, 255, 255, 0.6); /* 下拉箭头颜色 */ diff --git a/src/views/dashboard/DataOverview.scss b/src/views/dashboard/DataOverview.scss index c604e8b..1a0ea58 100644 --- a/src/views/dashboard/DataOverview.scss +++ b/src/views/dashboard/DataOverview.scss @@ -10,7 +10,11 @@ margin-bottom: 20px; width: 100%; .grid-item { - background: rgba(74, 126, 191, 0.1); + // background: rgba(74, 126, 191, 0.1); + background-image: url("@/assets/common/gridItemBg.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; // border-radius: 8px; width: 50%; @@ -45,6 +49,21 @@ width: 100%; height: 300px; } + .chart-container-bar { + // margin-top: 0px; + width: 100%; + height: 340px; + } + .chart-pie-bg{ + margin-top: 19px; + background-image: url("@/assets/common/gridItemPieBg.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + } + } + .grid-item-pie { + background-image: none; } } .device-info { diff --git a/src/views/dashboard/DataOverview.vue b/src/views/dashboard/DataOverview.vue index 4cbc8e1..bc43f6b 100644 --- a/src/views/dashboard/DataOverview.vue +++ b/src/views/dashboard/DataOverview.vue @@ -20,7 +20,7 @@ -