xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改监控中心前台样式

Browse Source 
修改分组管理前台样式
This commit is contained in:
fks-yangshouda
2024-09-03 14:26:26 +08:00
parent 7eae05f6fb
commit a648d043ee
12 changed files with 126 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
hx-ai-intelligent/src/view/monitor/environmentMonitor/averageData/index.vue
View File

@@ -277,4 +277,10 @@
border-radius: 1px;
background-color: #2778ff;
}
:deep(
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover
) {
background: #f4f8ff !important;
}
</style>

6
hx-ai-intelligent/src/view/monitor/environmentMonitor/historyData/index.vue
View File

@@ -426,4 +426,10 @@
border-radius: 1px;
background-color: #2778ff;
}
:deep(
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover
) {
background: #f4f8ff !important;
}
</style>

25
hx-ai-intelligent/src/view/monitor/environmentMonitor/index.vue
View File

@@ -11,6 +11,8 @@
background: #ffffff;
letter-spacing: 1.33px;
font-size: 14px;
font-weight: 400;
">
<a-tab-pane key="1" tab="综合数据" />
<a-tab-pane key="2" tab="历史数据" />
@@ -447,7 +449,7 @@
</script>
<style lang="less" scoped>
::v-deep .ant-tabs-tab {
font-weight: 700; /* 选中标签的加粗 */
font-weight: 400; /* 选中标签的加粗 */
color: #666666 !important;
}
::v-deep .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
@@ -456,10 +458,27 @@
// border-radius: 5px; /* 选中标签的圆角 */
// font-weight: bold; /* 选中标签的加粗 */
color: #000000 !important;
color: #333333 !important;
}
::v-deep .ant-tabs-tab:hover {
color: #000000; /* 悬停时的文字颜色 */
color: #333333; /* 悬停时的文字颜色 */
}
:deep(.ant-tabs-ink-bar) {
width: 31px !important;
height: 3px !important;
border-radius: 2px !important;
margin-left: 6%;
background: rgba(67, 136, 251, 1);
}
// //table 颜色
// :deep(.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn) {
// font-size: 14px !important;
// font-weight: bolb !important;
// color: #333333 !important;
// }
// :deep(.ant-tabs-tab-btn) {
// font-size: 14px !important;
// color: #666666 !important;
// }
</style>