From 758cbc9d31a868681896b5319030df62aa9ef6a4 Mon Sep 17 00:00:00 2001 From: zhangyh Date: Mon, 3 Nov 2025 16:52:43 +0800 Subject: [PATCH] =?UTF-8?q?style:=20#f5f5f5=E7=BB=9F=E4=B8=80=E6=9B=B4?= =?UTF-8?q?=E6=8D=A2=E4=B8=BA#f9fafa?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/style/style.css | 4 ++-- src/assets/style/style.less | 4 ++-- .../CanvasEditor/components/BrushControlPanel.vue | 6 +++--- .../Canvas/CanvasEditor/components/BrushPanel.vue | 2 +- .../components/KeyboardShortcutHelp.vue | 2 +- .../components/LayersPanel/contextMenu.less | 4 ++-- .../components/LayersPanel/layersPanel.css | 6 +++--- .../components/LayersPanel/layersPanel.less | 6 +++--- .../CanvasEditor/components/css/layersPanel.css | 6 +++--- src/component/HomePage/ColorboardUpload.vue | 4 ++-- src/component/HomePage/Generate.vue | 2 +- src/component/HomePage/MarketingSketchUpload.vue | 2 +- src/component/HomePage/Material.vue | 2 +- src/component/HomePage/bindEmail.vue | 2 +- src/component/HomePage/scaleImage.vue | 2 +- src/component/LoginPage/googleLogin.vue | 2 +- src/component/LoginPage/weiXinLogin.vue | 2 +- src/component/WorksPage/newScaleImage.vue | 4 ++-- src/component/WorksPage/newScaleImageMobile.vue | 2 +- src/component/home/chat/index.vue | 6 +++--- .../home/design/collection/ColorboardUpload.vue | 4 ++-- .../home/design/collection/PrintboardUpload.vue | 4 ++-- .../home/design/collection/SketchboardUpload.vue | 4 ++-- src/component/home/design/editDesignType/index.vue | 4 ++-- src/component/home/newProject/indexCopy.vue | 6 +++--- src/component/home/tools/toProduct/index.vue | 2 +- src/views/HomeMain.vue | 14 +++++++------- src/views/HomeView/history.vue | 6 +++--- src/views/emailVerify.vue | 2 +- 29 files changed, 58 insertions(+), 58 deletions(-) diff --git a/src/assets/style/style.css b/src/assets/style/style.css index 96ae3887..3d6fb541 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -1376,7 +1376,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte } .admin_page .admin_state_item .active { cursor: no-drop; - background-color: #f5f5f5; + background-color: #F9FAFA; } .admin_page .admin_search_item { height: 4rem; @@ -1710,7 +1710,7 @@ textarea:focus { display: inline-block; width: calc(25% - 2rem); aspect-ratio: 1 / 1; - border: 1px solid #f5f5f5; + border: 1px solid #F9FAFA; vertical-align: top; position: relative; cursor: pointer; diff --git a/src/assets/style/style.less b/src/assets/style/style.less index 8e0a7922..0b3b924f 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -1510,7 +1510,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte } .active{ cursor: no-drop; - background-color: #f5f5f5; + background-color: #F9FAFA; } } .admin_search_item{ @@ -1865,7 +1865,7 @@ textarea:focus{ // height: calc(10rem); width: calc(25% - 2rem); aspect-ratio: 1 / 1; - border: 1px solid #f5f5f5; + border: 1px solid #F9FAFA; vertical-align: top; position: relative; cursor: pointer; diff --git a/src/component/Canvas/CanvasEditor/components/BrushControlPanel.vue b/src/component/Canvas/CanvasEditor/components/BrushControlPanel.vue index 6ef70614..310b6a60 100644 --- a/src/component/Canvas/CanvasEditor/components/BrushControlPanel.vue +++ b/src/component/Canvas/CanvasEditor/components/BrushControlPanel.vue @@ -488,7 +488,7 @@ watch( display: flex; justify-content: center; align-items: center; - background: repeating-conic-gradient(#f5f5f5 0% 25%, #ffffff 0% 50%) 50% / 10px 10px; + background: repeating-conic-gradient(#F9FAFA 0% 25%, #ffffff 0% 50%) 50% / 10px 10px; border-radius: 6px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 5px; @@ -518,7 +518,7 @@ watch( left: 0; width: 100%; height: 100%; - background: repeating-conic-gradient(#f5f5f5 0% 25%, #ffffff 0% 50%) 50% / 10px 10px; + background: repeating-conic-gradient(#F9FAFA 0% 25%, #ffffff 0% 50%) 50% / 10px 10px; } .opacity-color { @@ -542,7 +542,7 @@ watch( font-size: 14px; font-weight: 500; color: #333; - background: #f5f5f5; + background: #F9FAFA; padding: 2px 8px; border-radius: 4px; min-width: 50px; diff --git a/src/component/Canvas/CanvasEditor/components/BrushPanel.vue b/src/component/Canvas/CanvasEditor/components/BrushPanel.vue index b625358b..9d0aab2c 100644 --- a/src/component/Canvas/CanvasEditor/components/BrushPanel.vue +++ b/src/component/Canvas/CanvasEditor/components/BrushPanel.vue @@ -1938,7 +1938,7 @@ const brushStore = BrushStore; } .shadow-preview-box { - background: repeating-conic-gradient(#f5f5f5 0% 25%, #ffffff 0% 50%) 50% / 10px 10px; + background: repeating-conic-gradient(#F9FAFA 0% 25%, #ffffff 0% 50%) 50% / 10px 10px; border-radius: 8px; padding: 30px; display: flex; diff --git a/src/component/Canvas/CanvasEditor/components/KeyboardShortcutHelp.vue b/src/component/Canvas/CanvasEditor/components/KeyboardShortcutHelp.vue index e1d19484..98800b47 100644 --- a/src/component/Canvas/CanvasEditor/components/KeyboardShortcutHelp.vue +++ b/src/component/Canvas/CanvasEditor/components/KeyboardShortcutHelp.vue @@ -484,7 +484,7 @@ h3 { } .shortcuts-table th { - background-color: #f5f5f5; + background-color: #F9FAFA; } .touch-tips { diff --git a/src/component/Canvas/CanvasEditor/components/LayersPanel/contextMenu.less b/src/component/Canvas/CanvasEditor/components/LayersPanel/contextMenu.less index 305571dd..dcfe0296 100644 --- a/src/component/Canvas/CanvasEditor/components/LayersPanel/contextMenu.less +++ b/src/component/Canvas/CanvasEditor/components/LayersPanel/contextMenu.less @@ -42,7 +42,7 @@ position: relative; &:hover:not(.disabled) { - background-color: #f5f5f5; + background-color: #F9FAFA; } &:active:not(.disabled) { @@ -76,7 +76,7 @@ } &.hovered { - background-color: #f5f5f5; + background-color: #F9FAFA; } } diff --git a/src/component/Canvas/CanvasEditor/components/LayersPanel/layersPanel.css b/src/component/Canvas/CanvasEditor/components/LayersPanel/layersPanel.css index 3bfac5b2..232a2738 100644 --- a/src/component/Canvas/CanvasEditor/components/LayersPanel/layersPanel.css +++ b/src/component/Canvas/CanvasEditor/components/LayersPanel/layersPanel.css @@ -61,12 +61,12 @@ .action-btn[disabled] { opacity: 0.5; cursor: not-allowed; - background-color: #f5f5f5; + background-color: #F9FAFA; color: #bfbfbf; border-color: #e6e6e6; } .action-btn[disabled]:hover { - background-color: #f5f5f5; + background-color: #F9FAFA; color: #bfbfbf; border-color: #e6e6e6; } @@ -196,7 +196,7 @@ justify-content: center; overflow: hidden; flex: none; - background: repeating-conic-gradient(#f5f5f5 0% 25%, #ffffff 0% 50%) 50% / 1rem 1rem; + background: repeating-conic-gradient(#F9FAFA 0% 25%, #ffffff 0% 50%) 50% / 1rem 1rem; border: 1px solid #e0e0e0; } .layer-thumbnail { diff --git a/src/component/Canvas/CanvasEditor/components/LayersPanel/layersPanel.less b/src/component/Canvas/CanvasEditor/components/LayersPanel/layersPanel.less index a74a29bf..e90cbe5a 100644 --- a/src/component/Canvas/CanvasEditor/components/LayersPanel/layersPanel.less +++ b/src/component/Canvas/CanvasEditor/components/LayersPanel/layersPanel.less @@ -72,12 +72,12 @@ &[disabled] { opacity: 0.5; cursor: not-allowed; - background-color: #f5f5f5; + background-color: #F9FAFA; color: #bfbfbf; border-color: #e6e6e6; &:hover { - background-color: #f5f5f5; + background-color: #F9FAFA; color: #bfbfbf; border-color: #e6e6e6; } @@ -244,7 +244,7 @@ justify-content: center; overflow: hidden; flex: none; - background: repeating-conic-gradient(#f5f5f5 0% 25%, #ffffff 0% 50%) 50% / + background: repeating-conic-gradient(#F9FAFA 0% 25%, #ffffff 0% 50%) 50% / 1rem 1rem; border: 1px solid #e0e0e0; } diff --git a/src/component/Canvas/CanvasEditor/components/css/layersPanel.css b/src/component/Canvas/CanvasEditor/components/css/layersPanel.css index 6c97b6db..047214da 100644 --- a/src/component/Canvas/CanvasEditor/components/css/layersPanel.css +++ b/src/component/Canvas/CanvasEditor/components/css/layersPanel.css @@ -60,12 +60,12 @@ .action-btn[disabled] { opacity: 0.5; cursor: not-allowed; - background-color: #f5f5f5; + background-color: #F9FAFA; color: #bfbfbf; border-color: #e6e6e6; } .action-btn[disabled]:hover { - background-color: #f5f5f5; + background-color: #F9FAFA; color: #bfbfbf; border-color: #e6e6e6; } @@ -195,7 +195,7 @@ justify-content: center; overflow: hidden; flex: none; - background: repeating-conic-gradient(#f5f5f5 0% 25%, #ffffff 0% 50%) 50% / 1rem 1rem; + background: repeating-conic-gradient(#F9FAFA 0% 25%, #ffffff 0% 50%) 50% / 1rem 1rem; border: 1px solid #e0e0e0; } .layer-thumbnail { diff --git a/src/component/HomePage/ColorboardUpload.vue b/src/component/HomePage/ColorboardUpload.vue index 6cfa8765..bcc1614a 100644 --- a/src/component/HomePage/ColorboardUpload.vue +++ b/src/component/HomePage/ColorboardUpload.vue @@ -964,7 +964,7 @@ export default defineComponent({ // height: 16.5rem; width: calc(12rem*1.2); height: calc(12rem*1.2); - border: 1px solid #F5F5F5; + border: 1px solid #F9FAFA; vertical-align: top; display: flex; align-items: center; @@ -1434,7 +1434,7 @@ export default defineComponent({ display: inline-block; width: calc(12rem*1.2); height: calc(12rem*1.2); - border: 1px solid #F5F5F5; + border: 1px solid #F9FAFA; vertical-align: top; i{ zoom: 4; diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue index 71bbc612..f63dca3f 100644 --- a/src/component/HomePage/Generate.vue +++ b/src/component/HomePage/Generate.vue @@ -1490,7 +1490,7 @@ export default defineComponent({ } .fi-br-upload { &:hover { - background-color: #f5f5f5; + background-color: #F9FAFA; border-radius: 5px; } } diff --git a/src/component/HomePage/MarketingSketchUpload.vue b/src/component/HomePage/MarketingSketchUpload.vue index 399bf660..40fbea49 100644 --- a/src/component/HomePage/MarketingSketchUpload.vue +++ b/src/component/HomePage/MarketingSketchUpload.vue @@ -214,7 +214,7 @@ export default defineComponent({ display: inline-block; width: 16.5rem; height: 16.5rem; - border: 1px solid #F5F5F5; + border: 1px solid #F9FAFA; vertical-align: top; &.upload_component{ diff --git a/src/component/HomePage/Material.vue b/src/component/HomePage/Material.vue index 148c482b..6d4280f7 100644 --- a/src/component/HomePage/Material.vue +++ b/src/component/HomePage/Material.vue @@ -597,7 +597,7 @@ export default defineComponent({ // height: calc(10rem); width: calc(25% - 2rem); aspect-ratio: 1 / 1; - border: 1px solid #f5f5f5; + border: 1px solid #F9FAFA; position: relative; cursor: pointer; padding: 0; diff --git a/src/component/HomePage/bindEmail.vue b/src/component/HomePage/bindEmail.vue index 409e5fe6..1501990d 100644 --- a/src/component/HomePage/bindEmail.vue +++ b/src/component/HomePage/bindEmail.vue @@ -640,7 +640,7 @@ export default defineComponent({ transition: all .3s; &.active{ color: #b8b8b8; - background: #f5f5f5; + background: #F9FAFA; } &:hover{ border: 0.1rem solid #000; diff --git a/src/component/HomePage/scaleImage.vue b/src/component/HomePage/scaleImage.vue index 1436ef71..2f037d49 100644 --- a/src/component/HomePage/scaleImage.vue +++ b/src/component/HomePage/scaleImage.vue @@ -741,7 +741,7 @@ export default defineComponent({ overflow: hidden; /* 溢出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ &:hover{ - background: #f5f5f5; + background: #F9FAFA; } &:first-child{ margin-right: 0; diff --git a/src/component/LoginPage/googleLogin.vue b/src/component/LoginPage/googleLogin.vue index 47839f26..09843dc2 100644 --- a/src/component/LoginPage/googleLogin.vue +++ b/src/component/LoginPage/googleLogin.vue @@ -161,7 +161,7 @@ position: relative; background: transparent; pointer-events: none; - background-color: #f5f5f5; + background-color: #F9FAFA; @media (max-width: 768px) { border-radius: 2.5rem; padding: .32rem 1.7rem; diff --git a/src/component/LoginPage/weiXinLogin.vue b/src/component/LoginPage/weiXinLogin.vue index 8d916f39..915b22b9 100644 --- a/src/component/LoginPage/weiXinLogin.vue +++ b/src/component/LoginPage/weiXinLogin.vue @@ -58,7 +58,7 @@ export default defineComponent({ // padding: 0.5rem 3rem; cursor: pointer; box-sizing: border-box; - background-color: #f5f5f5; + background-color: #F9FAFA; @media (max-width: 768px) { border-radius: 2.5rem; padding: .32rem 1.7rem; diff --git a/src/component/WorksPage/newScaleImage.vue b/src/component/WorksPage/newScaleImage.vue index ad39a8f1..c156af85 100644 --- a/src/component/WorksPage/newScaleImage.vue +++ b/src/component/WorksPage/newScaleImage.vue @@ -741,7 +741,7 @@ export default defineComponent({ --margin: 3rem; --padding: 2rem; --border-color: #c4c4c4; - --background-color:#f5f5f5; + --background-color:#F9FAFA; --count: 50; --snap-size: 10rem; --offset: 2; @@ -1248,7 +1248,7 @@ export default defineComponent({ padding-bottom: var(--padding); padding-top: var(--padding); top: 0; - background: #f5f5f5; + background: #F9FAFA; input,.detail_left_setComment_btn{ border-radius: 1rem; } diff --git a/src/component/WorksPage/newScaleImageMobile.vue b/src/component/WorksPage/newScaleImageMobile.vue index 4fca1d46..b4ea105b 100644 --- a/src/component/WorksPage/newScaleImageMobile.vue +++ b/src/component/WorksPage/newScaleImageMobile.vue @@ -615,7 +615,7 @@ export default defineComponent({ --margin: 3rem; --padding: 2rem; --border-color: #c4c4c4; - --background-color:#f5f5f5; + --background-color:#F9FAFA; --content-height: 60rem; --auther_wh: 8rem; --count: 50; diff --git a/src/component/home/chat/index.vue b/src/component/home/chat/index.vue index dbb50e55..9d407be5 100644 --- a/src/component/home/chat/index.vue +++ b/src/component/home/chat/index.vue @@ -392,7 +392,7 @@ export default defineComponent({ &.user{ > .textBox{ margin-left: auto; - background: #f5f5f5; + background: #F9FAFA; max-width: 60%; > .text{ > .content{ @@ -535,11 +535,11 @@ export default defineComponent({ } } > .content{ - background: #f5f5f5; + background: #F9FAFA; // border-radius: 2.4rem; > textarea{ padding: 1.6rem 2rem 0; - background: #f5f5f5; + background: #F9FAFA; width: 100%; min-height: 7.2rem; // border-radius: 2.4rem; diff --git a/src/component/home/design/collection/ColorboardUpload.vue b/src/component/home/design/collection/ColorboardUpload.vue index 0d7da54f..18c9df22 100644 --- a/src/component/home/design/collection/ColorboardUpload.vue +++ b/src/component/home/design/collection/ColorboardUpload.vue @@ -1002,7 +1002,7 @@ export default defineComponent({ // height: calc(12rem*1.2); width: 100%; aspect-ratio: 1 / 1; - // border: 1px solid #F5F5F5; + // border: 1px solid #F9FAFA; vertical-align: top; display: flex; align-items: center; @@ -1470,7 +1470,7 @@ export default defineComponent({ display: inline-block; width: calc(12rem*1.2); height: calc(12rem*1.2); - border: 1px solid #F5F5F5; + border: 1px solid #F9FAFA; vertical-align: top; i{ zoom: 4; diff --git a/src/component/home/design/collection/PrintboardUpload.vue b/src/component/home/design/collection/PrintboardUpload.vue index 6da53643..1b5b34eb 100644 --- a/src/component/home/design/collection/PrintboardUpload.vue +++ b/src/component/home/design/collection/PrintboardUpload.vue @@ -719,7 +719,7 @@ export default defineComponent({ // height: 10rem; width: calc(25% - 2rem); aspect-ratio: 1 / 1; - border: 1px solid #f5f5f5; + border: 1px solid #F9FAFA; vertical-align: top; position: relative; text-align: center; @@ -884,7 +884,7 @@ export default defineComponent({ // height: calc(10rem*1.2); width: calc(33.33% - 2rem); aspect-ratio: 1 / 1; - border: 1px solid #f5f5f5; + border: 1px solid #F9FAFA; position: relative; cursor: pointer; text-align: center; diff --git a/src/component/home/design/collection/SketchboardUpload.vue b/src/component/home/design/collection/SketchboardUpload.vue index 16b4561a..5402c329 100644 --- a/src/component/home/design/collection/SketchboardUpload.vue +++ b/src/component/home/design/collection/SketchboardUpload.vue @@ -656,7 +656,7 @@ export default defineComponent({ display: inline-block; width: calc(25% - 2rem); aspect-ratio: 1 / 1; - border: 1px solid #f5f5f5; + border: 1px solid #F9FAFA; vertical-align: top; position: relative; img{ @@ -824,7 +824,7 @@ export default defineComponent({ // height: calc(10rem*1.2); width: calc(33.33% - 2rem); aspect-ratio: 1 / 1; - border: 1px solid #f5f5f5; + border: 1px solid #F9FAFA; position: relative; cursor: pointer; text-align: center; diff --git a/src/component/home/design/editDesignType/index.vue b/src/component/home/design/editDesignType/index.vue index 567b27b3..2bf258c6 100644 --- a/src/component/home/design/editDesignType/index.vue +++ b/src/component/home/design/editDesignType/index.vue @@ -926,7 +926,7 @@ overflow: visible !important; overflow: hidden; /* 溢出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ &:hover{ - background: #f5f5f5; + background: #F9FAFA; } &:first-child{ margin-right: 0; @@ -949,7 +949,7 @@ overflow: visible !important; overflow: hidden; /* 溢出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ &:hover{ - background: #f5f5f5; + background: #F9FAFA; } &:first-child{ margin-right: 0; diff --git a/src/component/home/newProject/indexCopy.vue b/src/component/home/newProject/indexCopy.vue index 2529b68a..4d845517 100644 --- a/src/component/home/newProject/indexCopy.vue +++ b/src/component/home/newProject/indexCopy.vue @@ -359,10 +359,10 @@ export default defineComponent({ margin-top: .4rem; border-radius: 2.4rem; position: relative; - background: #f5f5f5; + background: #F9FAFA; > textarea{ padding: 1.6rem 2rem 0; - background: #f5f5f5; + background: #F9FAFA; width: 100%; min-height: 7.2rem; border-radius: 2.4rem; @@ -464,7 +464,7 @@ export default defineComponent({ overflow: hidden; /* 溢出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ &:hover{ - background: #f5f5f5; + background: #F9FAFA; } :first-child{ margin-right: 0; diff --git a/src/component/home/tools/toProduct/index.vue b/src/component/home/tools/toProduct/index.vue index 4291d6b8..d03aa115 100644 --- a/src/component/home/tools/toProduct/index.vue +++ b/src/component/home/tools/toProduct/index.vue @@ -1266,7 +1266,7 @@ export default defineComponent({ overflow: hidden; /* 溢出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ &:hover{ - background: #f5f5f5; + background: #F9FAFA; } &:first-child{ margin-right: 0; diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue index 8ba422dc..786745f9 100644 --- a/src/views/HomeMain.vue +++ b/src/views/HomeMain.vue @@ -1341,7 +1341,7 @@ export default defineComponent({ box-sizing: border-box; > .leftBox { height: 100%; - background: #f5f5f5; + background: #f9fafa; overflow: hidden; width: 29.5rem; transition: width 0.3s; @@ -1371,7 +1371,7 @@ export default defineComponent({ max-height: 5rem; border-radius: 2rem; &.show-history { - background: #fff; + background: rgba(0, 0, 0, 0.04); border-radius: 0.8rem; } &.active { @@ -1382,7 +1382,7 @@ export default defineComponent({ &.history { flex: 1; &:hover { - background: #fff; + background: rgba(0, 0, 0, 0.04); border-radius: 0.8rem; } > .detailBox { @@ -1490,15 +1490,15 @@ export default defineComponent({ } } &.active { - // background: #f5f5f5; + // background: #F9FAFA; background-color: #ffffff; } &:hover { - // background: #f5f5f5; + // background: #F9FAFA; background-color: #ffffff; } &.history { - background: #f5f5f5; + background: #f9fafa; // background-color: #ffffff; &:hover { background: #fdfdfd; @@ -2236,7 +2236,7 @@ export default defineComponent({ &.disabled { color: #9a9a9a; - border:none; + border: none; background: #f5f5f5; cursor: not-allowed; } diff --git a/src/views/HomeView/history.vue b/src/views/HomeView/history.vue index 44030ddc..192c72ea 100644 --- a/src/views/HomeView/history.vue +++ b/src/views/HomeView/history.vue @@ -615,7 +615,7 @@ export default defineComponent({ height: 100%; padding: 0 6rem; overflow: hidden; - background-color: #f5f5f5; + background-color: #F9FAFA; // min-width: 1440px; position: relative; .history_loading { @@ -655,7 +655,7 @@ export default defineComponent({ .history_table_content { margin-top: 2.6rem; width: 100%; - background: #f5f5f5; + background: #F9FAFA; flex: 1; overflow: hidden; // height: calc(100% - 4rem); @@ -745,7 +745,7 @@ export default defineComponent({ :deep(.ant-table-placeholder) { &, .ant-table-cell { - background-color: #f5f5f5; + background-color: #F9FAFA; } } diff --git a/src/views/emailVerify.vue b/src/views/emailVerify.vue index 992861fb..73700a82 100644 --- a/src/views/emailVerify.vue +++ b/src/views/emailVerify.vue @@ -69,7 +69,7 @@ export default defineComponent({ } .main{ background: linear-gradient(45deg, #eee4f3, #f3f4e6); - // background: #f5f5f5; + // background: #F9FAFA; width: 100vw; height: 100vh; }