From 2cdf2c28c4ba9c07093a78e0f554901e81fcd9db Mon Sep 17 00:00:00 2001 From: Vben Date: Tue, 13 Apr 2021 21:43:10 +0800 Subject: [PATCH] style: background to background-color --- index.html | 4 ++-- package.json | 4 ++-- .../src/search/AppSearchFooter.vue | 4 ++-- .../Application/src/search/AppSearchModal.vue | 8 ++++---- src/components/Basic/src/BasicTitle.vue | 2 +- .../src/collapse/CollapseContainer.vue | 2 +- src/components/ContextMenu/src/index.less | 2 +- .../Drawer/src/components/DrawerFooter.vue | 2 +- src/components/Icon/src/index.vue | 2 +- src/components/Loading/src/index.vue | 4 ++-- src/components/Menu/src/index.less | 10 +++++----- src/components/Page/src/PageFooter.vue | 2 +- src/components/Page/src/PageWrapper.vue | 2 +- src/components/Preview/src/index.vue | 2 +- .../SimpleMenu/src/components/menu.less | 20 +++++++++---------- src/components/SimpleMenu/src/index.less | 8 ++++---- src/components/StrengthMeter/src/index.vue | 16 +++++++-------- src/components/Table/src/BasicTable.vue | 10 +++++----- src/components/Tree/src/index.vue | 2 +- src/components/Verify/src/DragVerify.less | 6 +++--- src/components/Verify/src/ImgRotate.less | 6 +++--- src/design/ant/btn.less | 2 +- src/design/ant/index.less | 2 +- src/design/ant/pagination.less | 8 ++++---- src/design/public.less | 6 +++--- src/design/theme.less | 2 +- src/layouts/default/feature/index.vue | 2 +- .../default/header/components/Breadcrumb.vue | 2 +- .../header/components/user-dropdown/index.vue | 2 +- src/layouts/default/header/index.less | 18 ++++++++--------- src/layouts/default/index.vue | 2 +- src/layouts/default/sider/DragBar.vue | 2 +- src/layouts/default/sider/LayoutSider.vue | 6 +++--- src/layouts/default/sider/MixSider.vue | 18 ++++++++--------- src/main.ts | 2 +- src/views/demo/comp/lazy/Transition.vue | 2 +- src/views/demo/comp/lazy/index.vue | 2 +- src/views/demo/comp/scroll/Action.vue | 2 +- src/views/demo/comp/scroll/VirtualScroll.vue | 2 +- src/views/demo/comp/scroll/index.vue | 2 +- src/views/demo/comp/strength-meter/index.vue | 2 +- src/views/demo/comp/transition/index.vue | 2 +- src/views/demo/comp/verify/Rotate.vue | 2 +- src/views/demo/comp/verify/index.vue | 4 ++-- src/views/demo/feat/click-out-side/index.vue | 2 +- src/views/demo/feat/ripple/index.vue | 2 +- src/views/demo/page/account/center/index.vue | 4 ++-- src/views/demo/page/account/setting/index.vue | 2 +- src/views/demo/page/desc/basic/index.vue | 2 +- src/views/demo/page/form/basic/index.vue | 2 +- src/views/demo/page/form/step/Step3.vue | 2 +- src/views/demo/page/form/step/index.vue | 2 +- src/views/demo/page/list/basic/index.vue | 4 ++-- src/views/demo/page/list/search/index.vue | 2 +- src/views/demo/page/result/fail/index.vue | 4 ++-- src/views/demo/page/result/success/index.vue | 4 ++-- src/views/demo/permission/back/Btn.vue | 2 +- src/views/demo/permission/back/index.vue | 2 +- src/views/demo/permission/front/AuthPageA.vue | 2 +- src/views/demo/permission/front/AuthPageB.vue | 2 +- src/views/demo/permission/front/Btn.vue | 2 +- src/views/demo/permission/front/index.vue | 2 +- src/views/sys/iframe/index.vue | 2 +- src/views/sys/lock/LockPage.vue | 4 ++-- src/views/sys/login/Login.vue | 6 +++--- yarn.lock | 16 +++++++-------- 66 files changed, 142 insertions(+), 142 deletions(-) diff --git a/index.html b/index.html index 55da86ac..5b99faf6 100644 --- a/index.html +++ b/index.html @@ -26,7 +26,7 @@
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" -- GitLab