perf: antdv 4.0.1
parent
6ffb0b520f
commit
5f55465302
10
src/App.vue
10
src/App.vue
|
@ -1,7 +1,7 @@
|
|||
<script lang="ts" setup>
|
||||
import 'dayjs/locale/zh-cn'
|
||||
|
||||
import { ConfigProvider } from 'ant-design-vue'
|
||||
import { App, ConfigProvider } from 'ant-design-vue'
|
||||
import { storeToRefs } from 'pinia'
|
||||
|
||||
import { computed } from 'vue'
|
||||
|
@ -22,8 +22,10 @@ useTitle()
|
|||
|
||||
<template>
|
||||
<ConfigProvider :locale="getAntdLocale" :theme="themeConfig" :component-size="componentSize">
|
||||
<AppProvider>
|
||||
<RouterView />
|
||||
</AppProvider>
|
||||
<App class="h-full w-full">
|
||||
<AppProvider>
|
||||
<RouterView />
|
||||
</AppProvider>
|
||||
</App>
|
||||
</ConfigProvider>
|
||||
</template>
|
||||
|
|
|
@ -30,8 +30,8 @@ const { t } = useI18n()
|
|||
height: 44px;
|
||||
padding: 0 16px;
|
||||
font-size: 12px;
|
||||
color: var(--text-color);
|
||||
background-color: var(--component-background);
|
||||
// color: var(--text-color);
|
||||
// background-color: var(--component-background);
|
||||
border-top: 1px solid var(--border-color);
|
||||
border-radius: 0 0 16px 16px;
|
||||
|
||||
|
|
|
@ -159,7 +159,7 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
&:not(.ant-menu-item-disabled):hover {
|
||||
color: @text-color;
|
||||
// color: @text-color;
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -33,8 +33,6 @@ const { getCalcContentWidth } = useMenuSetting()
|
|||
width: 100%;
|
||||
padding: 0 24px;
|
||||
line-height: 44px;
|
||||
color: var(--text-color);
|
||||
background-color: var(--component-background);
|
||||
border-top: 1px solid var(--border-color);
|
||||
box-shadow:
|
||||
0 -6px 16px -8px rgb(0 0 0 / 8%),
|
||||
|
|
|
@ -68,8 +68,6 @@
|
|||
&-light {
|
||||
.@{menu-prefix-cls}-item,
|
||||
.@{menu-prefix-cls}-submenu-title {
|
||||
color: @text-color;
|
||||
|
||||
&-selected {
|
||||
z-index: 2;
|
||||
.light-border();
|
||||
|
@ -88,7 +86,6 @@
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: @font-size-base;
|
||||
color: @text-color;
|
||||
list-style: none;
|
||||
outline: none;
|
||||
|
||||
|
@ -233,6 +230,7 @@
|
|||
&-active:not(.@{menu-prefix-cls}-submenu) {
|
||||
color: #fff !important;
|
||||
background-color: #0b55a4;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -5,9 +5,9 @@
|
|||
@import "./theme.less";
|
||||
@import "./entry.css";
|
||||
|
||||
input:-webkit-autofill {
|
||||
box-shadow: 0 0 0 1000px white inset !important;
|
||||
}
|
||||
// input:-webkit-autofill {
|
||||
// box-shadow: 0 0 0 1000px white inset !important;
|
||||
// }
|
||||
|
||||
:-webkit-autofill {
|
||||
transition: background-color 5000s ease-in-out 0s !important;
|
||||
|
|
|
@ -136,10 +136,6 @@ function handleMenuClick(e: MenuInfo) {
|
|||
background-color: @header-light-bg-hover-color;
|
||||
}
|
||||
|
||||
.@{prefix-cls}__name {
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
.@{prefix-cls}__desc {
|
||||
color: @header-light-desc-color;
|
||||
}
|
||||
|
|
|
@ -141,8 +141,6 @@
|
|||
border-left: 1px solid @header-light-bottom-border-color;
|
||||
|
||||
.@{header-prefix-cls}-logo {
|
||||
color: @text-color;
|
||||
|
||||
&:hover {
|
||||
background-color: @header-light-bg-hover-color;
|
||||
}
|
||||
|
@ -150,8 +148,6 @@
|
|||
|
||||
.@{header-prefix-cls}-action {
|
||||
&__item {
|
||||
color: @text-color;
|
||||
|
||||
.app-iconify {
|
||||
padding: 0 10px;
|
||||
font-size: 16px !important;
|
||||
|
@ -161,11 +157,6 @@
|
|||
background-color: @header-light-bg-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-icon,
|
||||
span[role="img"] {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -29,7 +29,7 @@ const { t } = useI18n()
|
|||
const getBindValue = computed(() => {
|
||||
return props.def ? { checked: props.def } : {}
|
||||
})
|
||||
function handleChange(e: ChangeEvent) {
|
||||
function handleChange(e) {
|
||||
props.event && baseHandler(props.event, e)
|
||||
}
|
||||
</script>
|
||||
|
@ -42,7 +42,7 @@ function handleChange(e: ChangeEvent) {
|
|||
:disabled="disabled"
|
||||
:checked-children="t('layout.setting.on')"
|
||||
:un-checked-children="t('layout.setting.off')"
|
||||
@change="handleChange as any"
|
||||
@change="handleChange"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -132,7 +132,6 @@ const getTrigger = h(LayoutTrigger)
|
|||
// box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
|
||||
|
||||
.ant-layout-sider-trigger {
|
||||
color: @text-color;
|
||||
border-top: 1px solid var(--border-color);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -31,18 +31,12 @@
|
|||
padding: 0 6px;
|
||||
margin: 0 -14px 0 0 !important;
|
||||
line-height: @multiple-height;
|
||||
color: var(--text-color);
|
||||
background-color: var(--component-background);
|
||||
border-radius: 8px 8px 0 0;
|
||||
/* stylelint-disable-next-line function-url-quotes */
|
||||
mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
|
||||
transition: padding 0.3s;
|
||||
mask-size: 100% 100%;
|
||||
|
||||
.ant-tabs-tab-btn {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
z-index: 2;
|
||||
padding: 0 12px;
|
||||
|
|
|
@ -195,7 +195,6 @@ html[data-theme='dark'] {
|
|||
|
||||
.ant-divider-inner-text {
|
||||
font-size: 12px;
|
||||
color: var(--text-color-secondary);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -76,19 +76,14 @@ watch(
|
|||
margin: 0 0 12px;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0 0 4px;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
p {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.pay-select {
|
||||
|
|
|
@ -73,18 +73,13 @@ function handleEdit(record: EditRecordRow) {
|
|||
margin: 0 0 12px;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0 0 4px;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
p {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue