diff --git a/src/components/Loading/src/index.vue b/src/components/Loading/src/index.vue
index 73bd84a4..9ad321ba 100644
--- a/src/components/Loading/src/index.vue
+++ b/src/components/Loading/src/index.vue
@@ -51,7 +51,7 @@
height: 100%;
justify-content: center;
align-items: center;
- background: rgba(240, 242, 245, 0.4);
+ background-color: rgba(240, 242, 245, 0.4);
&.absolute {
position: absolute;
@@ -63,7 +63,7 @@
html[data-theme='dark'] {
.full-loading {
- background: @modal-mask-bg;
+ background-color: @modal-mask-bg;
}
}
diff --git a/src/components/Menu/src/index.less b/src/components/Menu/src/index.less
index 88c415c6..8bfbb0df 100644
--- a/src/components/Menu/src/index.less
+++ b/src/components/Menu/src/index.less
@@ -17,7 +17,7 @@
align-items: center;
&.ant-menu-dark {
- background: transparent;
+ background-color: transparent;
.ant-menu-submenu:hover,
.ant-menu-item-open,
@@ -30,7 +30,7 @@
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
color: #fff;
- background: @top-menu-active-bg-color !important;
+ background-color: @top-menu-active-bg-color !important;
}
.ant-menu-item:hover,
@@ -38,15 +38,15 @@
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
- background: @top-menu-active-bg-color;
+ background-color: @top-menu-active-bg-color;
}
.@{basic-menu-prefix-cls}-item__level1 {
- background: transparent;
+ background-color: transparent;
&.ant-menu-item-selected,
&.ant-menu-submenu-selected {
- background: @top-menu-active-bg-color !important;
+ background-color: @top-menu-active-bg-color !important;
}
}
diff --git a/src/components/Page/src/PageFooter.vue b/src/components/Page/src/PageFooter.vue
index 538a15de..3209af93 100644
--- a/src/components/Page/src/PageFooter.vue
+++ b/src/components/Page/src/PageFooter.vue
@@ -38,7 +38,7 @@
align-items: center;
padding: 0 24px;
line-height: 44px;
- background: @component-background;
+ background-color: @component-background;
border-top: 1px solid @border-color-base;
box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05),
0 -12px 48px 16px rgba(0, 0, 0, 0.03);
diff --git a/src/components/Page/src/PageWrapper.vue b/src/components/Page/src/PageWrapper.vue
index 4201a3d8..5ce4f9cc 100644
--- a/src/components/Page/src/PageWrapper.vue
+++ b/src/components/Page/src/PageWrapper.vue
@@ -197,7 +197,7 @@
}
&-content-bg {
- background: @component-background;
+ background-color: @component-background;
}
&--dense {
diff --git a/src/components/Preview/src/index.vue b/src/components/Preview/src/index.vue
index d597bf8c..499db012 100644
--- a/src/components/Preview/src/index.vue
+++ b/src/components/Preview/src/index.vue
@@ -88,7 +88,7 @@
}
.ant-image-preview-operations {
- background: rgba(0, 0, 0, 0.4);
+ background-color: rgba(0, 0, 0, 0.4);
}
}
diff --git a/src/components/SimpleMenu/src/components/menu.less b/src/components/SimpleMenu/src/components/menu.less
index b24a03b0..84ff2dab 100644
--- a/src/components/SimpleMenu/src/components/menu.less
+++ b/src/components/SimpleMenu/src/components/menu.less
@@ -13,7 +13,7 @@
bottom: 0;
display: block;
width: 2px;
- background: @primary-color;
+ background-color: @primary-color;
content: '';
}
}
@@ -62,7 +62,7 @@
&-selected {
color: #fff;
- background: @primary-color !important;
+ background-color: @primary-color !important;
}
}
}
@@ -79,7 +79,7 @@
&-selected {
z-index: 2;
color: @primary-color;
- background: fade(@primary-color, 10);
+ background-color: fade(@primary-color, 10);
.light-border();
}
@@ -107,7 +107,7 @@
// }
&-light {
- background: #fff;
+ background-color: #fff;
.@{menu-prefix-cls}-submenu-active {
color: @primary-color !important;
@@ -219,7 +219,7 @@
&-active:not(.@{menu-prefix-cls}-submenu) {
z-index: 2;
color: @primary-color;
- background: fade(@primary-color, 10);
+ background-color: fade(@primary-color, 10);
.light-border();
}
@@ -232,7 +232,7 @@
> li.@{menu-prefix-cls}-item-active,
.@{menu-prefix-cls}-submenu-active {
position: relative;
- background: fade(@primary-color, 5);
+ background-color: fade(@primary-color, 5);
&::after {
display: none;
@@ -244,7 +244,7 @@
left: 0;
width: 3px;
height: 100%;
- background: @primary-color;
+ background-color: @primary-color;
content: '';
}
}
@@ -255,7 +255,7 @@
color: @menu-dark-subsidiary-color;
&-active:not(.@{menu-prefix-cls}-submenu) {
color: #fff !important;
- background: @primary-color !important;
+ background-color: @primary-color !important;
}
&:hover {
@@ -276,7 +276,7 @@
left: 0;
width: 3px;
height: 100%;
- background: @primary-color;
+ background-color: @primary-color;
content: '';
}
@@ -301,7 +301,7 @@
&-dark&-vertical &-opened {
.@{menu-prefix-cls}-submenu-has-parent-submenu {
.@{menu-prefix-cls}-submenu-title {
- background: transparent;
+ background-color: transparent;
}
}
}
diff --git a/src/components/SimpleMenu/src/index.less b/src/components/SimpleMenu/src/index.less
index e8982a18..4f9c9ce1 100644
--- a/src/components/SimpleMenu/src/index.less
+++ b/src/components/SimpleMenu/src/index.less
@@ -59,19 +59,19 @@
}
&--primary {
- background: @primary-color;
+ background-color: @primary-color;
}
&--error {
- background: @error-color;
+ background-color: @error-color;
}
&--success {
- background: @success-color;
+ background-color: @success-color;
}
&--warn {
- background: @warning-color;
+ background-color: @warning-color;
}
}
}
diff --git a/src/components/StrengthMeter/src/index.vue b/src/components/StrengthMeter/src/index.vue
index 91e09a8c..b900dbe2 100644
--- a/src/components/StrengthMeter/src/index.vue
+++ b/src/components/StrengthMeter/src/index.vue
@@ -82,7 +82,7 @@
position: relative;
height: 6px;
margin: 10px auto 6px;
- background: @disabled-color;
+ background-color: @disabled-color;
border-radius: 6px;
&::before,
@@ -92,7 +92,7 @@
display: block;
width: 20%;
height: inherit;
- background: transparent;
+ background-color: transparent;
border-color: @white;
border-style: solid;
border-width: 0 5px 0 5px;
@@ -111,33 +111,33 @@
position: absolute;
width: 0;
height: inherit;
- background: transparent;
+ background-color: transparent;
border-radius: inherit;
transition: width 0.5s ease-in-out, background 0.25s;
&[data-score='0'] {
width: 20%;
- background: darken(@error-color, 10%);
+ background-color: darken(@error-color, 10%);
}
&[data-score='1'] {
width: 40%;
- background: @error-color;
+ background-color: @error-color;
}
&[data-score='2'] {
width: 60%;
- background: @warning-color;
+ background-color: @warning-color;
}
&[data-score='3'] {
width: 80%;
- background: fade(@success-color, 50%);
+ background-color: fade(@success-color, 50%);
}
&[data-score='4'] {
width: 100%;
- background: @success-color;
+ background-color: @success-color;
}
}
}
diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index 5c41ca1e..21a24a86 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -302,7 +302,7 @@
.@{prefix-cls} {
&-row__striped {
td {
- background: #fafafa;
+ background-color: #fafafa;
}
}
}
@@ -312,7 +312,7 @@
.@{prefix-cls} {
&-row__striped {
td {
- background: rgb(255 255 255 / 4%);
+ background-color: rgb(255 255 255 / 4%);
}
}
}
@@ -325,7 +325,7 @@
.ant-form {
padding: 12px 10px 6px 10px;
margin-bottom: 16px;
- background: @component-background;
+ background-color: @component-background;
border-radius: 4px;
}
}
@@ -342,7 +342,7 @@
.ant-table-wrapper {
padding: 6px;
- background: @component-background;
+ background-color: @component-background;
border-radius: 2px;
.ant-table-title {
@@ -367,7 +367,7 @@
}
.ant-table-tbody > tr.ant-table-row-selected td {
- background: fade(@primary-color, 8%) !important;
+ background-color: fade(@primary-color, 8%) !important;
}
}
diff --git a/src/components/Tree/src/index.vue b/src/components/Tree/src/index.vue
index 86b77669..5f59cfb4 100644
--- a/src/components/Tree/src/index.vue
+++ b/src/components/Tree/src/index.vue
@@ -361,7 +361,7 @@
@prefix-cls: ~'@{namespace}-basic-tree';
.@{prefix-cls} {
- background: @component-background;
+ background-color: @component-background;
.ant-tree-node-content-wrapper {
position: relative;
diff --git a/src/components/Verify/src/DragVerify.less b/src/components/Verify/src/DragVerify.less
index a3dd7eee..472f0a27 100644
--- a/src/components/Verify/src/DragVerify.less
+++ b/src/components/Verify/src/DragVerify.less
@@ -12,7 +12,7 @@
position: absolute;
width: 0;
height: 36px;
- background: @success-color;
+ background-color: @success-color;
border-radius: @radius;
&.to-left {
@@ -26,7 +26,7 @@
top: 0;
font-size: 12px;
-webkit-text-size-adjust: none;
- background: -webkit-gradient(
+ background-color: -webkit-gradient(
linear,
left top,
right top,
@@ -60,7 +60,7 @@
left: 0;
display: flex;
cursor: move;
- background: @white;
+ background-color: @white;
border-radius: @radius;
justify-content: center;
align-items: center;
diff --git a/src/components/Verify/src/ImgRotate.less b/src/components/Verify/src/ImgRotate.less
index 9e922bec..10911b7c 100644
--- a/src/components/Verify/src/ImgRotate.less
+++ b/src/components/Verify/src/ImgRotate.less
@@ -33,15 +33,15 @@
text-align: center;
&.success {
- background: fade(@success-color, 60%);
+ background-color: fade(@success-color, 60%);
}
&.error {
- background: fade(@error-color, 60%);
+ background-color: fade(@error-color, 60%);
}
&.normal {
- background: rgba(0, 0, 0, 0.3);
+ background-color: rgba(0, 0, 0, 0.3);
}
}
diff --git a/src/design/ant/btn.less b/src/design/ant/btn.less
index 6d79ef90..9e4a5e18 100644
--- a/src/design/ant/btn.less
+++ b/src/design/ant/btn.less
@@ -201,7 +201,7 @@
&[disabled],
&[disabled]:hover {
color: @button-ghost-color;
- background: fade(@white, 40%);
+ background-color: fade(@white, 40%);
border-color: fade(@button-ghost-color, 40%);
}
}
diff --git a/src/design/ant/index.less b/src/design/ant/index.less
index ff3d5fb3..4aaea865 100644
--- a/src/design/ant/index.less
+++ b/src/design/ant/index.less
@@ -29,7 +29,7 @@ span.anticon:not(.app-iconify) {
}
.ant-image-preview-operations {
- background: rgba(0, 0, 0, 0.3);
+ background-color: rgba(0, 0, 0, 0.3);
}
.ant-popover {
diff --git a/src/design/ant/pagination.less b/src/design/ant/pagination.less
index daa3fa90..b3580f95 100644
--- a/src/design/ant/pagination.less
+++ b/src/design/ant/pagination.less
@@ -4,7 +4,7 @@ html[data-theme='dark'] {
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-item {
- background: rgb(255 255 255 / 4%) !important;
+ background-color: rgb(255 255 255 / 4%) !important;
a {
color: #8b949e !important;
@@ -16,7 +16,7 @@ html[data-theme='dark'] {
}
.ant-pagination-item-active {
- background: @primary-color !important;
+ background-color: @primary-color !important;
border: none;
border-radius: none !important;
@@ -50,7 +50,7 @@ html[data-theme='dark'] {
.ant-pagination-next,
.ant-pagination-item {
margin: 0 4px !important;
- background: #f4f4f5 !important;
+ background-color: #f4f4f5 !important;
border: none;
border-radius: none !important;
@@ -65,7 +65,7 @@ html[data-theme='dark'] {
}
.ant-pagination-item-active {
- background: @primary-color !important;
+ background-color: @primary-color !important;
border: none;
border-radius: none !important;
diff --git a/src/design/public.less b/src/design/public.less
index c93cac96..07ce5f65 100644
--- a/src/design/public.less
+++ b/src/design/public.less
@@ -17,11 +17,11 @@
// }
::-webkit-scrollbar-track {
- background: rgba(0, 0, 0, 0.05);
+ background-color: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb {
- background: rgba(0, 0, 0, 0.6);
+ // background: rgba(0, 0, 0, 0.6);
background-color: rgba(144, 147, 153, 0.3);
// background-color: rgba(144, 147, 153, 0.3);
border-radius: 2px;
@@ -29,7 +29,7 @@
}
::-webkit-scrollbar-thumb:hover {
- background: @border-color-dark;
+ background-color: @border-color-dark;
}
// =================================
diff --git a/src/design/theme.less b/src/design/theme.less
index ff03120c..58ab0248 100644
--- a/src/design/theme.less
+++ b/src/design/theme.less
@@ -1,5 +1,5 @@
.bg-white {
- background: @component-background !important;
+ background-color: @component-background !important;
}
html[data-theme='light'] {
diff --git a/src/layouts/default/feature/index.vue b/src/layouts/default/feature/index.vue
index 562e6fc8..b9ab77e4 100644
--- a/src/layouts/default/feature/index.vue
+++ b/src/layouts/default/feature/index.vue
@@ -67,7 +67,7 @@
padding: 10px;
color: @white;
cursor: pointer;
- background: @primary-color;
+ background-color: @primary-color;
border-radius: 6px 0 0 6px;
justify-content: center;
align-items: center;
diff --git a/src/layouts/default/header/components/Breadcrumb.vue b/src/layouts/default/header/components/Breadcrumb.vue
index 13232589..c135340a 100644
--- a/src/layouts/default/header/components/Breadcrumb.vue
+++ b/src/layouts/default/header/components/Breadcrumb.vue
@@ -47,6 +47,7 @@
const { currentRoute } = useRouter();
const { prefixCls } = useDesign('layout-breadcrumb');
const { getShowBreadCrumbIcon } = useRootSetting();
+ const go = useGo();
const { t } = useI18n();
watchEffect(async () => {
@@ -122,7 +123,6 @@
return;
}
- const go = useGo();
if (redirect && isString(redirect)) {
go(redirect);
} else {
diff --git a/src/layouts/default/header/components/user-dropdown/index.vue b/src/layouts/default/header/components/user-dropdown/index.vue
index 38646154..9c6779ac 100644
--- a/src/layouts/default/header/components/user-dropdown/index.vue
+++ b/src/layouts/default/header/components/user-dropdown/index.vue
@@ -148,7 +148,7 @@
&--dark {
&:hover {
- background: @header-dark-bg-hover-color;
+ background-color: @header-dark-bg-hover-color;
}
}
diff --git a/src/layouts/default/header/index.less b/src/layouts/default/header/index.less
index fab3bf94..d01a6ebb 100644
--- a/src/layouts/default/header/index.less
+++ b/src/layouts/default/header/index.less
@@ -10,7 +10,7 @@
margin-left: -1px;
line-height: @header-height;
color: @white;
- background: @white;
+ background-color: @white;
align-items: center;
justify-content: space-between;
@@ -77,7 +77,7 @@
&.light {
&:hover {
- background: @header-light-bg-hover-color;
+ background-color: @header-light-bg-hover-color;
}
svg {
@@ -87,7 +87,7 @@
&.dark {
&:hover {
- background: @header-dark-bg-hover-color;
+ background-color: @header-dark-bg-hover-color;
}
}
}
@@ -131,7 +131,7 @@
}
&--light {
- background: @white !important;
+ background-color: @white !important;
border-bottom: 1px solid @header-light-bottom-border-color;
border-left: 1px solid @header-light-bottom-border-color;
@@ -139,7 +139,7 @@
color: @text-color-base;
&:hover {
- background: @header-light-bg-hover-color;
+ background-color: @header-light-bg-hover-color;
}
}
@@ -153,7 +153,7 @@
}
&:hover {
- background: @header-light-bg-hover-color;
+ background-color: @header-light-bg-hover-color;
}
}
@@ -165,12 +165,12 @@
}
&--dark {
- background: @header-dark-bg-color !important;
+ background-color: @header-dark-bg-color !important;
border-bottom: 1px solid @border-color-base;
border-left: 1px solid @border-color-base;
.@{header-prefix-cls}-logo {
&:hover {
- background: @header-dark-bg-hover-color;
+ background-color: @header-dark-bg-hover-color;
}
}
@@ -182,7 +182,7 @@
}
&:hover {
- background: @header-dark-bg-hover-color;
+ background-color: @header-dark-bg-hover-color;
}
}
}
diff --git a/src/layouts/default/index.vue b/src/layouts/default/index.vue
index 5bbab79b..e55fc3d7 100644
--- a/src/layouts/default/index.vue
+++ b/src/layouts/default/index.vue
@@ -65,7 +65,7 @@
display: flex;
width: 100%;
min-height: 100%;
- background: @content-bg;
+ background-color: @content-bg;
flex-direction: column;
> .ant-layout {
diff --git a/src/layouts/default/sider/DragBar.vue b/src/layouts/default/sider/DragBar.vue
index bc0dcb41..3bc6fb9a 100644
--- a/src/layouts/default/sider/DragBar.vue
+++ b/src/layouts/default/sider/DragBar.vue
@@ -59,7 +59,7 @@
}
&:hover {
- background: @primary-color;
+ background-color: @primary-color;
box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15);
}
}
diff --git a/src/layouts/default/sider/LayoutSider.vue b/src/layouts/default/sider/LayoutSider.vue
index b4b5da09..1106062d 100644
--- a/src/layouts/default/sider/LayoutSider.vue
+++ b/src/layouts/default/sider/LayoutSider.vue
@@ -144,15 +144,15 @@
}
&.ant-layout-sider-dark {
- background: @sider-dark-bg-color;
+ background-color: @sider-dark-bg-color;
.ant-layout-sider-trigger {
color: darken(@white, 25%);
- background: @trigger-dark-bg-color;
+ background-color: @trigger-dark-bg-color;
&:hover {
color: @white;
- background: @trigger-dark-hover-bg-color;
+ background-color: @trigger-dark-hover-bg-color;
}
}
}
diff --git a/src/layouts/default/sider/MixSider.vue b/src/layouts/default/sider/MixSider.vue
index f0f38b01..c00b1fe1 100644
--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -344,7 +344,7 @@
z-index: @layout-mix-sider-fixed-z-index;
height: 100%;
overflow: hidden;
- background: @sider-dark-bg-color;
+ background-color: @sider-dark-bg-color;
transition: all 0.2s ease 0s;
&-dom {
@@ -383,7 +383,7 @@
&--active {
color: @primary-color;
- background: unset;
+ background-color: unset;
}
}
}
@@ -416,7 +416,7 @@
}
}
.@{prefix-cls}-menu-list {
- background: @sider-dark-bg-color;
+ background-color: @sider-dark-bg-color;
&__title {
color: @white;
@@ -459,7 +459,7 @@
&--active {
font-weight: 700;
color: @white;
- background: @sider-dark-darken-bg-color;
+ background-color: @sider-dark-darken-bg-color;
&::before {
position: absolute;
@@ -467,7 +467,7 @@
left: 0;
width: 3px;
height: 100%;
- background: @primary-color;
+ background-color: @primary-color;
content: '';
}
}
@@ -496,12 +496,12 @@
font-size: 18px;
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
- background: @sider-dark-bg-color;
+ background-color: @sider-dark-bg-color;
}
&.light &-trigger {
color: rgba(0, 0, 0, 0.65);
- background: #fff;
+ background-color: #fff;
}
&-menu-list {
@@ -510,7 +510,7 @@
width: 0;
width: 200px;
height: calc(100%);
- background: #fff;
+ background-color: #fff;
transition: all 0.2s;
&__title {
@@ -573,7 +573,7 @@
width: 1px;
height: calc(100% - 50px);
cursor: ew-resize;
- background: #f8f8f9;
+ background-color: #f8f8f9;
border-top: none;
border-bottom: none;
box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15);
diff --git a/src/main.ts b/src/main.ts
index cfddc35c..35358abd 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -29,7 +29,7 @@ if (import.meta.env.DEV) {
// Configure vuex store
setupStore(app);
- // Initialize vuex internal system configuration
+ // Initialize internal system configuration
initAppConfigStore();
// Register global components
diff --git a/src/views/demo/comp/lazy/Transition.vue b/src/views/demo/comp/lazy/Transition.vue
index 71930244..420dd986 100644
--- a/src/views/demo/comp/lazy/Transition.vue
+++ b/src/views/demo/comp/lazy/Transition.vue
@@ -29,7 +29,7 @@
height: 2000px;
margin: 20px auto;
text-align: center;
- background: @component-background;
+ background-color: @component-background;
justify-content: center;
flex-direction: column;
align-items: center;
diff --git a/src/views/demo/comp/lazy/index.vue b/src/views/demo/comp/lazy/index.vue
index 79e8d5c1..426cc3a0 100644
--- a/src/views/demo/comp/lazy/index.vue
+++ b/src/views/demo/comp/lazy/index.vue
@@ -33,7 +33,7 @@
height: 2000px;
margin: 20px auto;
text-align: center;
- background: @component-background;
+ background-color: @component-background;
justify-content: center;
flex-direction: column;
align-items: center;
diff --git a/src/views/demo/comp/scroll/Action.vue b/src/views/demo/comp/scroll/Action.vue
index b290a2d2..78148a14 100644
--- a/src/views/demo/comp/scroll/Action.vue
+++ b/src/views/demo/comp/scroll/Action.vue
@@ -54,6 +54,6 @@
.scroll-wrap {
width: 50%;
height: 300px;
- background: @component-background;
+ background-color: @component-background;
}
diff --git a/src/views/demo/comp/scroll/VirtualScroll.vue b/src/views/demo/comp/scroll/VirtualScroll.vue
index dce74fd1..f7ebc3b4 100644
--- a/src/views/demo/comp/scroll/VirtualScroll.vue
+++ b/src/views/demo/comp/scroll/VirtualScroll.vue
@@ -50,7 +50,7 @@
&-wrap {
display: flex;
margin: 0 30%;
- background: @component-background;
+ background-color: @component-background;
justify-content: center;
}
diff --git a/src/views/demo/comp/scroll/index.vue b/src/views/demo/comp/scroll/index.vue
index 3d822753..b9bb6515 100644
--- a/src/views/demo/comp/scroll/index.vue
+++ b/src/views/demo/comp/scroll/index.vue
@@ -26,6 +26,6 @@
.scroll-wrap {
width: 50%;
height: 300px;
- background: @component-background;
+ background-color: @component-background;
}
diff --git a/src/views/demo/comp/strength-meter/index.vue b/src/views/demo/comp/strength-meter/index.vue
index bdfae390..a5c62930 100644
--- a/src/views/demo/comp/strength-meter/index.vue
+++ b/src/views/demo/comp/strength-meter/index.vue
@@ -26,7 +26,7 @@
diff --git a/src/views/demo/comp/transition/index.vue b/src/views/demo/comp/transition/index.vue
index 02e164c7..1d237d09 100644
--- a/src/views/demo/comp/transition/index.vue
+++ b/src/views/demo/comp/transition/index.vue
@@ -91,6 +91,6 @@
width: 150px;
height: 150px;
margin-top: 20px;
- background: rgb(126, 170, 236);
+ background-color: rgb(126, 170, 236);
}
diff --git a/src/views/demo/comp/verify/Rotate.vue b/src/views/demo/comp/verify/Rotate.vue
index 68e0d397..1ef552d2 100644
--- a/src/views/demo/comp/verify/Rotate.vue
+++ b/src/views/demo/comp/verify/Rotate.vue
@@ -28,6 +28,6 @@
diff --git a/src/views/demo/comp/verify/index.vue b/src/views/demo/comp/verify/index.vue
index 70b76803..aa93473e 100644
--- a/src/views/demo/comp/verify/index.vue
+++ b/src/views/demo/comp/verify/index.vue
@@ -17,7 +17,7 @@
text="拖动以进行校验"
successText="校验成功"
:barStyle="{
- background: '#018ffb',
+ backgroundColor: '#018ffb',
}"
/>
还原
@@ -92,6 +92,6 @@
diff --git a/src/views/demo/feat/click-out-side/index.vue b/src/views/demo/feat/click-out-side/index.vue
index 4d9bd488..32652d9d 100644
--- a/src/views/demo/feat/click-out-side/index.vue
+++ b/src/views/demo/feat/click-out-side/index.vue
@@ -35,7 +35,7 @@
height: 300px;
font-size: 24px;
color: #fff;
- background: #408ede;
+ background-color: #408ede;
border-radius: 10px;
justify-content: center;
align-items: center;
diff --git a/src/views/demo/feat/ripple/index.vue b/src/views/demo/feat/ripple/index.vue
index f76667dc..afd4b0a9 100644
--- a/src/views/demo/feat/ripple/index.vue
+++ b/src/views/demo/feat/ripple/index.vue
@@ -23,7 +23,7 @@
height: 300px;
font-size: 24px;
color: #fff;
- background: #408ede;
+ background-color: #408ede;
border-radius: 10px;
justify-content: center;
align-items: center;
diff --git a/src/views/demo/page/account/center/index.vue b/src/views/demo/page/account/center/index.vue
index bfc0f089..3bcdedc0 100644
--- a/src/views/demo/page/account/center/index.vue
+++ b/src/views/demo/page/account/center/index.vue
@@ -102,7 +102,7 @@
&-top {
padding: 10px;
margin: 16px 16px 12px 16px;
- background: @component-background;
+ background-color: @component-background;
border-radius: 3px;
&__avatar {
@@ -144,7 +144,7 @@
&-bottom {
padding: 10px;
margin: 0 16px 16px 16px;
- background: @component-background;
+ background-color: @component-background;
border-radius: 3px;
}
}
diff --git a/src/views/demo/page/account/setting/index.vue b/src/views/demo/page/account/setting/index.vue
index 7e2b7b95..dffa2f62 100644
--- a/src/views/demo/page/account/setting/index.vue
+++ b/src/views/demo/page/account/setting/index.vue
@@ -48,7 +48,7 @@
diff --git a/src/views/demo/page/form/basic/index.vue b/src/views/demo/page/form/basic/index.vue
index b6ce3f3c..e07066da 100644
--- a/src/views/demo/page/form/basic/index.vue
+++ b/src/views/demo/page/form/basic/index.vue
@@ -62,6 +62,6 @@
diff --git a/src/views/demo/page/form/step/Step3.vue b/src/views/demo/page/form/step/Step3.vue
index 95f97800..ac0380af 100644
--- a/src/views/demo/page/form/step/Step3.vue
+++ b/src/views/demo/page/form/step/Step3.vue
@@ -44,6 +44,6 @@
.desc-wrap {
padding: 24px 40px;
margin-top: 24px;
- background: @background-color-light;
+ background-color: @background-color-light;
}
diff --git a/src/views/demo/page/form/step/index.vue b/src/views/demo/page/form/step/index.vue
index d72e24f7..b3d4d1de 100644
--- a/src/views/demo/page/form/step/index.vue
+++ b/src/views/demo/page/form/step/index.vue
@@ -85,7 +85,7 @@
diff --git a/src/views/demo/permission/back/Btn.vue b/src/views/demo/permission/back/Btn.vue
index 770f0f9c..db8bb031 100644
--- a/src/views/demo/permission/back/Btn.vue
+++ b/src/views/demo/permission/back/Btn.vue
@@ -84,6 +84,6 @@
diff --git a/src/views/demo/permission/back/index.vue b/src/views/demo/permission/back/index.vue
index d4c829b1..f225196c 100644
--- a/src/views/demo/permission/back/index.vue
+++ b/src/views/demo/permission/back/index.vue
@@ -38,6 +38,6 @@
diff --git a/src/views/demo/permission/front/AuthPageA.vue b/src/views/demo/permission/front/AuthPageA.vue
index 0fcca045..e5efa643 100644
--- a/src/views/demo/permission/front/AuthPageA.vue
+++ b/src/views/demo/permission/front/AuthPageA.vue
@@ -11,7 +11,7 @@
height: 300px;
font-size: 24px;
color: #fff;
- background: #409efe;
+ background-color: #409efe;
border-radius: 12px;
justify-content: center;
align-items: center;
diff --git a/src/views/demo/permission/front/AuthPageB.vue b/src/views/demo/permission/front/AuthPageB.vue
index 00bf9a44..ca584264 100644
--- a/src/views/demo/permission/front/AuthPageB.vue
+++ b/src/views/demo/permission/front/AuthPageB.vue
@@ -11,7 +11,7 @@
height: 300px;
font-size: 24px;
color: #fff;
- background: #409efe;
+ background-color: #409efe;
border-radius: 12px;
justify-content: center;
align-items: center;
diff --git a/src/views/demo/permission/front/Btn.vue b/src/views/demo/permission/front/Btn.vue
index 3d589df3..e99fbbae 100644
--- a/src/views/demo/permission/front/Btn.vue
+++ b/src/views/demo/permission/front/Btn.vue
@@ -88,6 +88,6 @@
diff --git a/src/views/demo/permission/front/index.vue b/src/views/demo/permission/front/index.vue
index 5fa70194..8a405aa6 100644
--- a/src/views/demo/permission/front/index.vue
+++ b/src/views/demo/permission/front/index.vue
@@ -52,6 +52,6 @@
diff --git a/src/views/sys/iframe/index.vue b/src/views/sys/iframe/index.vue
index 354a819c..564491ad 100644
--- a/src/views/sys/iframe/index.vue
+++ b/src/views/sys/iframe/index.vue
@@ -116,7 +116,7 @@
width: 100%;
height: 100%;
overflow: hidden;
- background: @component-background;
+ background-color: @component-background;
border: 0;
box-sizing: border-box;
}
diff --git a/src/views/sys/lock/LockPage.vue b/src/views/sys/lock/LockPage.vue
index 288aeb19..e72b6ea7 100644
--- a/src/views/sys/lock/LockPage.vue
+++ b/src/views/sys/lock/LockPage.vue
@@ -171,7 +171,7 @@
display: flex;
font-weight: 700;
color: #bababa;
- background: #141313;
+ background-color: #141313;
border-radius: 30px;
justify-content: center;
align-items: center;
@@ -218,7 +218,7 @@
display: flex;
width: 100%;
height: 100%;
- background: rgba(0, 0, 0, 0.5);
+ background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(8px);
justify-content: center;
align-items: center;
diff --git a/src/views/sys/login/Login.vue b/src/views/sys/login/Login.vue
index b01956a4..925cad2c 100644
--- a/src/views/sys/login/Login.vue
+++ b/src/views/sys/login/Login.vue
@@ -95,7 +95,7 @@
html[data-theme='dark'] {
.@{prefix-cls} {
- background: @dark-bg;
+ background-color: @dark-bg;
&::before {
background-image: url(/@/assets/svg/login-bg-dark.svg);
@@ -123,10 +123,10 @@
.@{prefix-cls} {
overflow: hidden;
@media (max-width: @screen-xl) {
- background: #293146;
+ background-color: #293146;
.@{prefix-cls}-form {
- background: #fff;
+ background-color: #fff;
}
}
diff --git a/yarn.lock b/yarn.lock
index 9cd9436a..d4c59273 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1108,10 +1108,10 @@
dependencies:
cross-fetch "^3.0.6"
-"@iconify/json@^1.1.328":
- version "1.1.328"
- resolved "https://registry.npmjs.org/@iconify/json/-/json-1.1.328.tgz#2fba6768ae3f148c315f205a94409e86dbf07cca"
- integrity sha512-/dVvFNpktwCx2A3aA+/fLJ88jXTAh42VZE79FzaaY5CmgmHjvenpSOP1p1oy2m3XM8VtsDBoNM+RKFIIOYL2bg==
+"@iconify/json@^1.1.329":
+ version "1.1.329"
+ resolved "https://registry.npmjs.org/@iconify/json/-/json-1.1.329.tgz#8780dd95a6e01ab805708c73d0227f09d2859c9a"
+ integrity sha512-meGFTitX6EG0tRB8mt4+1rGZVJ6ElN7kdI+vBmXDHg4pt/rulGbIV+kwFPfxt9dXLEp9ABFUexnfLd9g2GcW2g==
"@intlify/core-base@9.0.0":
version "9.0.0"
@@ -7706,10 +7706,10 @@ rollup-plugin-visualizer@5.3.6:
source-map "^0.7.3"
yargs "^16.2.0"
-rollup@^2.25.0, rollup@^2.38.5, rollup@^2.44.0, rollup@^2.45.1:
- version "2.45.1"
- resolved "https://registry.npmjs.org/rollup/-/rollup-2.45.1.tgz#eae2b94dc2088b4e0a3b7197a5a1ee0bdd589d5c"
- integrity sha512-vPD+JoDj3CY8k6m1bLcAFttXMe78P4CMxoau0iLVS60+S9kLsv2379xaGy4NgYWu+h2WTlucpoLPAoUoixFBag==
+rollup@^2.25.0, rollup@^2.38.5, rollup@^2.44.0, rollup@^2.45.2:
+ version "2.45.2"
+ resolved "https://registry.npmjs.org/rollup/-/rollup-2.45.2.tgz#8fb85917c9f35605720e92328f3ccbfba6f78b48"
+ integrity sha512-kRRU7wXzFHUzBIv0GfoFFIN3m9oteY4uAsKllIpQDId5cfnkWF2J130l+27dzDju0E6MScKiV0ZM5Bw8m4blYQ==
optionalDependencies:
fsevents "~2.3.1"