github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-29 05:50:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(管理端): 通用组件硬编码颜色替换为深色模式令牌

Browse Source
This commit is contained in:
sugar1569 2026-09-29 00:56:40 +08:00
parent 79728491d4
commit 61266416ef
24 changed files with 81 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/admin/src/components/Pagination/index.vue
View File

@ -97,7 +97,7 @@ function handleCurrentChange(val) {
<style scoped>
.pagination-container {
background: #fff;
background: var(--prev-bg-white);
}
.pagination-container.hidden {
display: none;

2
frontend/admin/src/components/couponSelect/index.vue
View File

@ -231,7 +231,7 @@ onMounted(async () => {
<style lang="scss" scoped>
.coupon-select {
padding: 15px 15px 0;
background-color: #fff;
background-color: var(--prev-bg-white);
}
.footer {
padding: 15px 0;

2
frontend/admin/src/components/customerInfo/index.vue
View File

@ -184,7 +184,7 @@ onMounted(() => {
<style lang="scss" scoped>
.customer {
height: 100%;
background-color: #fff;
background-color: var(--prev-bg-white);
}
.tabBox_img {
width: 36px;

4
frontend/admin/src/components/freightTemplate/city.vue
View File

@ -248,8 +248,8 @@ defineExpose({ getCityList, addressModal });
.modal .item .city .checkBox {
width: 97%;
padding: 10px;
border: 1px solid #eee;
background-color: #fff;
border: 1px solid var(--prev-border-color-lighter);
background-color: var(--prev-bg-white);
max-height: 100px;
overflow-x: hidden;
overflow-y: auto;

4
frontend/admin/src/components/goodsLabel/index.vue
View File

@ -129,8 +129,8 @@ function cancel() {
}
.label-item {
padding: 3px 8px;
background: #eeeeee;
color: #333333;
background: var(--prev-bg-color);
color: var(--prev-color-text-regular);
border-radius: 2px;
cursor: pointer;
font-size: 12px;

6
frontend/admin/src/components/goodsLabel/useLabel.vue
View File

@ -115,8 +115,8 @@ function close(label) {
align-items: center;
padding: 0px 8px;
background: #eeeeee;
color: #333333;
background: var(--prev-bg-color);
color: var(--prev-color-text-regular);
border-radius: 2px;
cursor: pointer;
font-size: 12px;
@ -126,7 +126,7 @@ function close(label) {
top: 0;
right: 0;
font-size: 14px;
color: #333333;
color: var(--prev-color-text-regular);
cursor: pointer;
}

2
frontend/admin/src/components/iconFrom/index.vue
View File

@ -56,7 +56,7 @@ function iconChange(n) {
font-size: 24px;
}
.iconBox {
background: #fff;
background: var(--prev-bg-white);
}
.icons-item {
float: left;

4
frontend/admin/src/components/labelList/index.vue
View File

@ -103,8 +103,8 @@ setLabel();
.label-item {
margin: 10px 8px 10px 0;
padding: 3px 8px;
background: #eeeeee;
color: #333333;
background: var(--prev-bg-color);
color: var(--prev-color-text-regular);
border-radius: 2px;
cursor: pointer;
font-size: 12px;

10
frontend/admin/src/components/linkaddress/index.vue
View File

@ -926,7 +926,7 @@ defineExpose({ modals, handleCheckChange });
.left_box {
width: 171px;
height: 470px;
border-right: 1px solid #eeeeee;
border-right: 1px solid var(--prev-border-color-lighter);
overflow-x: hidden;
overflow-y: auto;
@ -958,7 +958,7 @@ defineExpose({ modals, handleCheckChange });
.cont_box {
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
color: var(--prev-color-text-regular);
background: #fafafa;
border-radius: 3px;
text-align: center;
@ -969,7 +969,7 @@ defineExpose({ modals, handleCheckChange });
&:hover {
background-color: var(--prev-bg-menu-hover-ba-color);
color: #333;
color: var(--prev-color-text-regular);
}
}
@ -992,7 +992,7 @@ defineExpose({ modals, handleCheckChange });
right: 9px;
top: -8px;
font-size: 18px;
color: #333;
color: var(--prev-color-text-regular);
}
}
}
@ -1011,7 +1011,7 @@ defineExpose({ modals, handleCheckChange });
.cancel {
width: 70px;
height: 32px;
background: #ffffff;
background: var(--prev-bg-white);
border: 1px solid rgba(0, 0, 0, 0.14901960784313725);
border-radius: 2px;
font-size: 14px;

4
frontend/admin/src/components/newsCategory/index.vue
View File

@ -404,7 +404,7 @@ function getData() {
height: 24px !important;
background: #ff5d5f !important;
color: #fff !important;
border: 1px solid #eee !important;
border: 1px solid var(--prev-border-color-lighter) !important;
}
.news_pic :deep(.el-button--error:hover) {
background: #ff5d5f !important;
@ -414,6 +414,6 @@ function getData() {
.news_pic :deep(.el-button--success) {
width: 24px !important;
height: 24px !important;
border: 1px solid #eee !important;
border: 1px solid var(--prev-border-color-lighter) !important;
}
</style>

4
frontend/admin/src/components/pagesHeader/index.vue
View File

@ -56,7 +56,7 @@ function goBack() {
display: inline-block;
position: relative;
margin-right: 16px;
color: rgba(0, 0, 0, 0.85);
color: var(--prev-color-text-regular);
cursor: pointer;
align-self: center;
}
@ -67,7 +67,7 @@ function goBack() {
right: -16px;
width: 1px;
height: 16px;
background: #eee;
background: var(--prev-border-color-lighter);
}
.font-sm {
font-size: 14px;

2
frontend/admin/src/components/referrerInfo/index.vue
View File

@ -100,7 +100,7 @@ defineExpose({ verifySpreadInfo });
border-radius: 50%;
}
.Modals .header .name {
color: #333;
color: var(--prev-color-text-regular);
margin-left: 15px;
}
.Modals .list .item .name.money {

2
frontend/admin/src/components/searchFrom/referrerInfo/index.vue
View File

@ -100,7 +100,7 @@ defineExpose({ verifySpreadInfo });
border-radius: 50%;
}
.Modals .header .name {
color: #333;
color: var(--prev-color-text-regular);
margin-left: 15px;
}
.Modals .list .item .name.money {

2
frontend/admin/src/components/sendCoupons/index.vue
View File

@ -133,7 +133,7 @@ defineExpose({ modals, getList });
<style lang="scss" scoped>
.sp {
font-size: 12px;
color: #606266;
color: var(--prev-color-text-primary);
line-height: 32px;
}
</style>

4
frontend/admin/src/components/steps/index.vue
View File

@ -75,7 +75,7 @@ function stepActive(index) {
.title {
font-size: 16px;
font-weight: 400;
color: #909399;
color: var(--prev-color-text-secondary);
line-height: 16px;
white-space: nowrap;
}
@ -98,7 +98,7 @@ function stepActive(index) {
.title {
font-size: 16px;
font-weight: 500;
color: #303133;
color: var(--prev-color-text-regular);
line-height: 16px;
}
.dot {

4
frontend/admin/src/components/storeLabelList/index.vue
View File

@ -123,8 +123,8 @@ defineExpose({ storeLabel });
}
.label-item {
padding: 3px 8px;
background: #eeeeee;
color: #333333;
background: var(--prev-bg-color);
color: var(--prev-color-text-regular);
border-radius: 2px;
cursor: pointer;
font-size: 12px;

2
frontend/admin/src/components/uploadImg/index.vue
View File

@ -567,7 +567,7 @@ defineExpose({ uploadModal });
margin-bottom: 14px;
}
.trip {
color: #333333;
color: var(--prev-color-text-regular);
text-align: center;
line-height: 18px;
}

16
frontend/admin/src/components/uploadPictures/index.vue
View File

@ -816,7 +816,7 @@ function bindTxt(item) {
justify-content: center;
width: 100px;
height: 100px;
background-color: rgb(248, 248, 248);
background-color: var(--prev-bg-white);
padding: 2px;
img {
max-width: 96px;
@ -839,7 +839,7 @@ function bindTxt(item) {
justify-content: center;
width: 146px;
height: 146px;
background-color: rgb(248, 248, 248);
background-color: var(--prev-bg-white);
padding: 3px;
img {
max-width: 140px;
@ -854,7 +854,7 @@ function bindTxt(item) {
white-space: nowrap;
height: 20px;
font-size: 12px;
color: #515a6d;
color: var(--prev-color-text-primary);
text-align: center;
}
@ -874,7 +874,7 @@ function bindTxt(item) {
}
.Nav {
width: 100%;
border-right: 1px solid #eee;
border-right: 1px solid var(--prev-border-color-lighter);
min-width: 220px;
max-width: max-content;
}
@ -923,7 +923,7 @@ function bindTxt(item) {
padding-right: 20px;
font-size: 13px;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
color: var(--prev-color-text-secondary);
line-height: 13px;
}
:deep(.is-current) {
@ -963,7 +963,7 @@ function bindTxt(item) {
.Modal {
width: 100%;
height: 100%;
background: #fff !important;
background: var(--prev-bg-white) !important;
}
.fill-window {
height: 100vh;
@ -1036,7 +1036,7 @@ function bindTxt(item) {
}
.card-tree {
background: #fff;
background: var(--prev-bg-white);
height: 72px;
box-sizing: border-box;
overflow-x: scroll; /* 设置溢出滚动 */
@ -1051,7 +1051,7 @@ function bindTxt(item) {
display: none; /* Chrome Safari */
}
.tabs {
background: #fff;
background: var(--prev-bg-white);
padding-top: 10px;
border-radius: 5px 5px 0 0;
}

2
frontend/admin/src/components/uploadPictures/widgetImg.vue
View File

@ -65,6 +65,6 @@ function getPic(pc) {
<style lang="scss" scoped>
.box {
width: 100%;
background: #fff;
background: var(--prev-bg-white);
}
</style>

10
frontend/admin/src/components/uploadVideo2/index.vue
View File

@ -1006,7 +1006,7 @@ function bindTxt(item) {
}
.Nav {
width: 100%;
border-right: 1px solid #eee;
border-right: 1px solid var(--prev-border-color-lighter);
min-width: 220px;
max-width: max-content;
}
@ -1055,7 +1055,7 @@ function bindTxt(item) {
padding-right: 20px;
font-size: 13px;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
color: var(--prev-color-text-secondary);
line-height: 13px;
}
:deep(.is-current) {
@ -1095,7 +1095,7 @@ function bindTxt(item) {
.Modal {
width: 100%;
height: 100%;
background: #fff !important;
background: var(--prev-bg-white) !important;
}
.fill-window {
height: 100vh;
@ -1172,7 +1172,7 @@ function bindTxt(item) {
}
.card-tree {
background: #fff;
background: var(--prev-bg-white);
height: 72px;
box-sizing: border-box;
overflow-x: scroll; /* 设置溢出滚动 */
@ -1187,7 +1187,7 @@ function bindTxt(item) {
display: none; /* Chrome Safari */
}
.tabs {
background: #fff;
background: var(--prev-bg-white);
padding-top: 10px;
border-radius: 5px 5px 0 0;
}

4
frontend/admin/src/components/userLabel.vue
View File

@ -175,8 +175,8 @@ function cancel() {
.label-item {
margin: 10px 8px 10px 0;
padding: 3px 8px;
background: #eeeeee;
color: #333333;
background: var(--prev-bg-color);
color: var(--prev-color-text-regular);
border-radius: 2px;
cursor: pointer;
font-size: 12px;

14
frontend/admin/src/components/verifition/Verify.vue
View File

@ -197,8 +197,8 @@ defineExpose({ clickShow, closeBox, show, refresh });
position: relative;
box-sizing: border-box;
border-radius: 2px;
border: 1px solid #e4e7eb;
background-color: #fff;
border: 1px solid var(--prev-border-color-light);
background-color: var(--prev-bg-white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
left: 50%;
top: 50%;
@ -210,8 +210,8 @@ defineExpose({ clickShow, closeBox, show, refresh });
line-height: 50px;
text-align: left;
font-size: 16px;
color: #45494c;
border-bottom: 1px solid #e4e7eb;
color: var(--prev-color-text-regular);
border-bottom: 1px solid var(--prev-border-color-light);
box-sizing: border-box;
}
.verifybox-bottom {
@ -316,12 +316,12 @@ defineExpose({ clickShow, closeBox, show, refresh });
/*滑动验证码*/
.verify-bar-area {
position: relative;
background: #ffffff;
background: var(--prev-bg-white);
text-align: center;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid #ddd;
border: 1px solid var(--prev-border-color-base);
-webkit-border-radius: 4px;
}
@ -329,7 +329,7 @@ defineExpose({ clickShow, closeBox, show, refresh });
position: absolute;
top: 0px;
left: 0;
background: #fff;
background: var(--prev-bg-white);
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;

16
frontend/admin/src/components/wangEditor/AiModal.vue
View File

@ -335,10 +335,10 @@ defineExpose({ open });
color: var(--prev-color-primary);
}
.ai-status-error {
color: #f56c6c;
color: var(--prev-color-danger);
}
.ai-status-tip {
color: #999;
color: var(--prev-color-text-secondary);
}
}
.ai-prompt-head {
@ -348,7 +348,7 @@ defineExpose({ open });
margin-top: 12px;
.ai-prompt-label {
font-size: 12px;
color: #999;
color: var(--prev-color-text-secondary);
}
.ai-reset-btn {
padding: 0;
@ -361,9 +361,9 @@ defineExpose({ open });
max-height: 400px;
overflow-y: auto;
padding: 12px 16px;
border: 1px solid #e5e5e5;
border: 1px solid var(--prev-border-color-base);
border-radius: 4px;
background: #fafafa;
background: var(--prev-bg-color);
font-size: 14px;
line-height: 1.7;
:deep() {
@ -385,12 +385,12 @@ defineExpose({ open });
blockquote {
margin: 6px 0;
padding: 4px 10px;
border-left: 3px solid #ccc;
color: #666;
border-left: 3px solid var(--prev-border-color-base);
color: var(--prev-color-text-primary);
}
hr {
border: none;
border-top: 1px solid #ddd;
border-top: 1px solid var(--prev-border-color-light);
}
}
}

23
frontend/admin/src/components/wangEditor/index.vue
View File

@ -301,14 +301,31 @@ function insertAiContent(html) {
}
:deep(.w-e-toolbar) {
z-index: 2 !important;
background-color: var(--prev-bg-white) !important;
border-bottom: 1px solid var(--prev-border-color-light) !important;
}
/* wangEditor 跟随主题：变量挂在公共父级——工具栏与编辑区是兄弟节点，挂在工具栏上编辑区取不到 */
.wang-editor {
border: 1px solid #dcdfe6;
border: 1px solid var(--prev-border-color-base);
border-radius: 4px;
overflow: hidden;
background-color: #fff;
background-color: var(--prev-bg-white);
/* 工具栏 */
--w-e-toolbar-bg-color: var(--prev-bg-white);
--w-e-toolbar-color: var(--prev-color-text-regular);
--w-e-toolbar-active-bg-color: var(--prev-bg-color);
--w-e-toolbar-active-color: var(--prev-color-primary);
--w-e-toolbar-disabled-color: var(--prev-color-text-placeholder);
--w-e-toolbar-border-color: var(--prev-border-color-light);
/* 编辑区（2026-09-28 用户裁定：不用"白纸语义"，深浅模式保持一致观感） */
--w-e-textarea-bg-color: var(--prev-bg-white);
--w-e-textarea-color: var(--prev-color-text-regular);
--w-e-textarea-border-color: var(--prev-border-color-light);
--w-e-textarea-slight-color: var(--prev-color-text-secondary);
--w-e-textarea-slight-border-color: var(--prev-border-color-lighter);
--w-e-textarea-selected-border-color: var(--prev-color-primary);
}
.editor-toolbar {
border-bottom: 1px solid #dcdfe6;
border-bottom: 1px solid var(--prev-border-color-light);
}
</style>