修改主题色
This commit is contained in:
aaron
parent
8a0801b2ab
commit
82281438b0
209
src/App.vue
209
src/App.vue
@ -21,4 +21,213 @@ html, body {
|
||||
#app {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 全局主题色覆盖 */
|
||||
:root {
|
||||
--primary-color: #1a1a1a;
|
||||
--primary-hover-color: #333333;
|
||||
--primary-active-color: #444444;
|
||||
--primary-text-color: #ffffff;
|
||||
--primary-light-color: #f5f5f5;
|
||||
--primary-border-color: #d9d9d9;
|
||||
--primary-shadow-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* 覆盖Ant Design Vue的主题色 */
|
||||
/* 按钮相关 */
|
||||
.ant-btn-primary {
|
||||
background-color: var(--primary-color) !important;
|
||||
border-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-btn-primary:hover,
|
||||
.ant-btn-primary:focus {
|
||||
background-color: var(--primary-hover-color) !important;
|
||||
border-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-btn-primary:active {
|
||||
background-color: var(--primary-active-color) !important;
|
||||
border-color: var(--primary-active-color) !important;
|
||||
}
|
||||
|
||||
.ant-btn-link {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-btn-link:hover {
|
||||
color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
/* 表单相关 */
|
||||
.ant-checkbox-checked .ant-checkbox-inner {
|
||||
background-color: var(--primary-color) !important;
|
||||
border-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-radio-checked .ant-radio-inner {
|
||||
border-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-radio-inner::after {
|
||||
background-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-switch-checked {
|
||||
background-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-slider-track {
|
||||
background-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-slider-handle {
|
||||
border-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-input:focus,
|
||||
.ant-input-focused,
|
||||
.ant-input:hover {
|
||||
border-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-input-affix-wrapper:focus,
|
||||
.ant-input-affix-wrapper-focused,
|
||||
.ant-input-affix-wrapper:hover {
|
||||
border-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-select-focused .ant-select-selector,
|
||||
.ant-select-selector:hover,
|
||||
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
|
||||
border-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
|
||||
background-color: rgba(26, 26, 26, 0.1) !important;
|
||||
}
|
||||
|
||||
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
||||
border-color: var(--primary-hover-color) !important;
|
||||
box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2) !important;
|
||||
}
|
||||
|
||||
/* 菜单相关 */
|
||||
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
|
||||
background-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-menu-dark .ant-menu-item:hover {
|
||||
background-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-layout-sider-trigger {
|
||||
background: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
/* 表格相关 */
|
||||
.ant-table-thead > tr > th {
|
||||
background: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
.ant-pagination-item-active {
|
||||
border-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-pagination-item-active a {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-pagination-item:hover {
|
||||
border-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-pagination-item:hover a {
|
||||
color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-pagination-prev:hover .ant-pagination-item-link,
|
||||
.ant-pagination-next:hover .ant-pagination-item-link {
|
||||
color: var(--primary-hover-color) !important;
|
||||
border-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
/* 标签页相关 */
|
||||
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-tabs-ink-bar {
|
||||
background-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-tabs-tab:hover {
|
||||
color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
/* 卡片相关 */
|
||||
.ant-card-head {
|
||||
border-bottom: 1px solid var(--primary-border-color) !important;
|
||||
}
|
||||
|
||||
/* 抽屉和模态框相关 */
|
||||
.ant-drawer-title,
|
||||
.ant-modal-title {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
/* 通知和消息相关 */
|
||||
.ant-notification-notice-icon-success {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-message-success .anticon {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
/* 日期选择器相关 */
|
||||
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
|
||||
background-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
|
||||
border-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-picker:hover,
|
||||
.ant-picker-focused {
|
||||
border-color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
/* 下拉菜单相关 */
|
||||
.ant-dropdown-menu-item:hover {
|
||||
background-color: rgba(26, 26, 26, 0.1) !important;
|
||||
}
|
||||
|
||||
/* 树形控件相关 */
|
||||
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
|
||||
background-color: var(--primary-color) !important;
|
||||
border-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-tree-node-selected {
|
||||
background-color: rgba(26, 26, 26, 0.1) !important;
|
||||
}
|
||||
|
||||
/* 链接相关 */
|
||||
a {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--primary-hover-color) !important;
|
||||
}
|
||||
|
||||
.ant-table a {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.ant-table a:hover {
|
||||
color: var(--primary-hover-color) !important;
|
||||
}
|
||||
</style>
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<a-layout style="min-height: 100vh">
|
||||
<!-- 侧边栏 -->
|
||||
<a-layout-sider v-model:collapsed="collapsed" collapsible>
|
||||
<a-layout-sider v-model:collapsed="collapsed" collapsible :theme="'dark'" style="background: #1a1a1a;">
|
||||
<div class="logo">
|
||||
<h1 v-if="!collapsed">蜂快·运营商平台</h1>
|
||||
<h1 v-else>蜂快</h1>
|
||||
@ -10,6 +10,7 @@
|
||||
v-model:selectedKeys="selectedKeys"
|
||||
theme="dark"
|
||||
mode="inline"
|
||||
style="background: #1a1a1a;"
|
||||
>
|
||||
<a-menu-item key="dashboard" @click="() => $router.push('/dashboard')">
|
||||
<template #icon><dashboard-outlined /></template>
|
||||
@ -28,7 +29,7 @@
|
||||
|
||||
<a-layout>
|
||||
<!-- 头部 -->
|
||||
<a-layout-header style="background: #fff; padding: 0">
|
||||
<a-layout-header style="background: #fff; padding: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);">
|
||||
<div class="header-right">
|
||||
<a-dropdown>
|
||||
<a class="ant-dropdown-link" @click.prevent>
|
||||
@ -48,14 +49,14 @@
|
||||
|
||||
<!-- 内容区 -->
|
||||
<a-layout-content style="margin: 16px">
|
||||
<div :style="{ padding: '24px', background: '#fff', minHeight: '360px' }">
|
||||
<div :style="{ padding: '24px', background: '#fff', minHeight: '360px', borderRadius: '8px', boxShadow: '0 1px 4px rgba(0, 0, 0, 0.05)' }">
|
||||
<router-view></router-view>
|
||||
</div>
|
||||
</a-layout-content>
|
||||
|
||||
<!-- 底部 -->
|
||||
<a-layout-footer style="text-align: center">
|
||||
蜂快·运营商平台 ©2025 Created by Admin
|
||||
<a-layout-footer style="text-align: center; color: rgba(0, 0, 0, 0.45);">
|
||||
蜂快·运营商平台 ©2025
|
||||
</a-layout-footer>
|
||||
</a-layout>
|
||||
</a-layout>
|
||||
@ -126,6 +127,7 @@ export default {
|
||||
color: white;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
background: #1a1a1a;
|
||||
}
|
||||
|
||||
.logo h1 {
|
||||
@ -137,5 +139,95 @@ export default {
|
||||
.header-right {
|
||||
float: right;
|
||||
margin-right: 24px;
|
||||
height: 64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header-right .ant-dropdown-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #1a1a1a;
|
||||
cursor: pointer;
|
||||
padding: 0 12px;
|
||||
height: 64px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.header-right .ant-dropdown-link:hover {
|
||||
background-color: rgba(0, 0, 0, 0.025);
|
||||
}
|
||||
|
||||
:deep(.ant-layout-sider-trigger) {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
:deep(.ant-menu-dark) {
|
||||
background: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-menu-dark .ant-menu-item-selected) {
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
:deep(.ant-menu-dark .ant-menu-item) {
|
||||
margin: 4px 0;
|
||||
border-radius: 4px;
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
width: calc(100% - 16px);
|
||||
}
|
||||
|
||||
:deep(.ant-menu-dark .ant-menu-item:hover) {
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
:deep(.ant-layout-sider) {
|
||||
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
:deep(.ant-dropdown-menu) {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
:deep(.ant-dropdown-menu-item:hover) {
|
||||
background-color: rgba(26, 26, 26, 0.05);
|
||||
}
|
||||
|
||||
:deep(.ant-avatar) {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
/* 链接样式 */
|
||||
:deep(a) {
|
||||
color: #1a1a1a;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
:deep(a:hover) {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 下拉菜单中的链接 */
|
||||
:deep(.ant-dropdown-menu-item a) {
|
||||
color: #1a1a1a;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
:deep(.ant-dropdown-menu-item a:hover) {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 白色背景上的图标 */
|
||||
:deep(.ant-layout-header .anticon),
|
||||
:deep(.ant-layout-content .anticon) {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
/* 深色背景上的图标 */
|
||||
:deep(.ant-menu-dark .anticon) {
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
@ -136,10 +136,89 @@ export default {
|
||||
.card-content h2 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 8px;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.card-content p {
|
||||
margin: 0;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
|
||||
:deep(.ant-card) {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
:deep(.ant-card:hover) {
|
||||
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
:deep(.ant-card-head) {
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
:deep(.ant-card-head-title) {
|
||||
font-weight: 600;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-tag.ant-tag-green) {
|
||||
color: #1a1a1a;
|
||||
background: rgba(26, 26, 26, 0.1);
|
||||
border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-tag.ant-tag-red) {
|
||||
color: #ff4d4f;
|
||||
background: rgba(255, 77, 79, 0.1);
|
||||
border-color: #ff4d4f;
|
||||
}
|
||||
|
||||
:deep(.ant-list-item) {
|
||||
padding: 12px 0;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
:deep(.ant-list-item:last-child) {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
:deep(.ant-list-item-meta-title) {
|
||||
color: #1a1a1a;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
:deep(.ant-list-item-meta-description) {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
|
||||
:deep(.ant-avatar) {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
/* 链接样式 */
|
||||
:deep(a) {
|
||||
color: #1a1a1a;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
:deep(a:hover) {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 列表项中的链接样式 */
|
||||
:deep(.ant-list-item-meta-title a) {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-list-item-meta-title a:hover) {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 图标颜色 */
|
||||
:deep(.anticon) {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
</style>
|
||||
@ -136,7 +136,7 @@ export default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #f0f8ff;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.login-box {
|
||||
@ -145,12 +145,12 @@ export default {
|
||||
display: flex;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.login-left {
|
||||
width: 40%;
|
||||
background-color: #2b7aee;
|
||||
background-color: #1a1a1a;
|
||||
padding: 40px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -174,6 +174,7 @@ export default {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
margin-top: 16px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.feature-list {
|
||||
@ -190,6 +191,7 @@ export default {
|
||||
.feature-item .anticon {
|
||||
margin-right: 12px;
|
||||
font-size: 18px;
|
||||
color: #1890ff;
|
||||
}
|
||||
|
||||
.login-right {
|
||||
@ -207,7 +209,7 @@ export default {
|
||||
.welcome-text h1 {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
color: #1a1a1a;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
@ -236,13 +238,13 @@ export default {
|
||||
height: 50px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
background-color: #2b7aee;
|
||||
border-color: #2b7aee;
|
||||
background-color: #1a1a1a;
|
||||
border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.login-button:hover {
|
||||
background-color: #1e6cd8;
|
||||
border-color: #1e6cd8;
|
||||
background-color: #333333;
|
||||
border-color: #333333;
|
||||
}
|
||||
|
||||
.login-footer {
|
||||
|
||||
@ -250,4 +250,105 @@ export default {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
:deep(.ant-card) {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
:deep(.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn) {
|
||||
color: #1a1a1a;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
:deep(.ant-tabs-ink-bar) {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-tabs-tab:hover) {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
:deep(.ant-form-item-label > label) {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-input:focus),
|
||||
:deep(.ant-input-focused),
|
||||
:deep(.ant-input-number:focus),
|
||||
:deep(.ant-input-number-focused) {
|
||||
border-color: #1a1a1a;
|
||||
box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2);
|
||||
}
|
||||
|
||||
:deep(.ant-input:hover),
|
||||
:deep(.ant-input-number:hover) {
|
||||
border-color: #333333;
|
||||
}
|
||||
|
||||
:deep(.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector) {
|
||||
border-color: #1a1a1a;
|
||||
box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2);
|
||||
}
|
||||
|
||||
:deep(.ant-select-item-option-selected:not(.ant-select-item-option-disabled)) {
|
||||
background-color: rgba(26, 26, 26, 0.1);
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-btn-primary) {
|
||||
background-color: #1a1a1a;
|
||||
border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-btn-primary:hover) {
|
||||
background-color: #333333;
|
||||
border-color: #333333;
|
||||
}
|
||||
|
||||
:deep(.ant-switch-checked) {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-upload.ant-upload-select-picture-card:hover) {
|
||||
border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-upload-list-picture-card-container) {
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
:deep(.ant-upload-list-picture-card .ant-upload-list-item) {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
:deep(.ant-upload-list-picture-card .ant-upload-list-item-info::before) {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 链接样式 */
|
||||
:deep(a) {
|
||||
color: #1a1a1a;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
:deep(a:hover) {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 按钮中的链接样式 */
|
||||
:deep(.ant-btn a) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* 图标颜色 */
|
||||
:deep(.anticon) {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
/* 上传组件中的图标 */
|
||||
:deep(.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon) {
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
@ -380,4 +380,122 @@ export default {
|
||||
.table-operations {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
:deep(.ant-card) {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
:deep(.ant-table-thead > tr > th) {
|
||||
background-color: #f5f5f5;
|
||||
color: #1a1a1a;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
:deep(.ant-table-tbody > tr:hover > td) {
|
||||
background-color: rgba(26, 26, 26, 0.05);
|
||||
}
|
||||
|
||||
:deep(.ant-table-row-selected > td) {
|
||||
background-color: rgba(26, 26, 26, 0.1);
|
||||
}
|
||||
|
||||
:deep(.ant-tag) {
|
||||
border-radius: 4px;
|
||||
padding: 0 8px;
|
||||
height: 24px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
:deep(.ant-tag-green) {
|
||||
color: #1a1a1a;
|
||||
background: rgba(26, 26, 26, 0.1);
|
||||
border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-tag-red) {
|
||||
color: #ff4d4f;
|
||||
background: rgba(255, 77, 79, 0.1);
|
||||
border-color: #ff4d4f;
|
||||
}
|
||||
|
||||
:deep(.ant-btn-primary) {
|
||||
background-color: #1a1a1a;
|
||||
border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-btn-primary:hover) {
|
||||
background-color: #333333;
|
||||
border-color: #333333;
|
||||
}
|
||||
|
||||
:deep(.ant-modal-header) {
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
:deep(.ant-modal-title) {
|
||||
color: #1a1a1a;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
:deep(.ant-form-item-label > label) {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-input:focus),
|
||||
:deep(.ant-input-focused) {
|
||||
border-color: #1a1a1a;
|
||||
box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2);
|
||||
}
|
||||
|
||||
:deep(.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector) {
|
||||
border-color: #1a1a1a;
|
||||
box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2);
|
||||
}
|
||||
|
||||
:deep(.ant-select-item-option-selected:not(.ant-select-item-option-disabled)) {
|
||||
background-color: rgba(26, 26, 26, 0.1);
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-switch-checked) {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-pagination-item-active) {
|
||||
border-color: #1a1a1a;
|
||||
}
|
||||
|
||||
:deep(.ant-pagination-item-active a) {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
/* 表格中链接的样式 */
|
||||
:deep(.ant-table a) {
|
||||
color: #1a1a1a;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
:deep(.ant-table a:hover) {
|
||||
color: #333333;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* 操作列中的链接样式 */
|
||||
:deep(.ant-space a) {
|
||||
color: #1a1a1a;
|
||||
transition: all 0.3s;
|
||||
padding: 2px 4px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
:deep(.ant-space a:hover) {
|
||||
color: #333333;
|
||||
background-color: rgba(26, 26, 26, 0.05);
|
||||
}
|
||||
|
||||
/* 分割线样式 */
|
||||
:deep(.ant-divider-vertical) {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user