修改下拉菜单色调和添加text的icon增大

This commit is contained in:
X1627315083@163.com
2026-03-25 17:08:09 +08:00
parent 1c970e530d
commit b58a50a601
5 changed files with 30 additions and 4 deletions

View File

@@ -79,3 +79,20 @@ body,
--el-color-primary-light-9: #fff2ec; --el-color-primary-light-9: #fff2ec;
--el-color-primary-dark-2: #cc6241; --el-color-primary-dark-2: #cc6241;
} }
.el-select,
.el-popper {
--el-color-primary: #6c6c6c;
/* 主灰色 */
--el-color-primary-light-3: #8a8a8a;
/* 较浅的灰色混合20%白) */
--el-color-primary-light-5: #a8a8a8;
/* 更浅的灰色混合33%白) */
--el-color-primary-light-7: #c6c6c6;
/* 浅灰色混合47%白) */
--el-color-primary-light-8: #d4d4d4;
/* 很浅的灰色混合53%白) */
--el-color-primary-light-9: #e3e3e3;
/* 极浅的灰色混合60%白) */
--el-color-primary-dark-2: #565656;
/* 深灰色加深20% */
}

View File

@@ -96,3 +96,12 @@ body,
--el-color-primary-light-9: #fff2ec; // 极浅的橙红混合60%白) --el-color-primary-light-9: #fff2ec; // 极浅的橙红混合60%白)
--el-color-primary-dark-2: #cc6241; // 深橙红加深20% --el-color-primary-dark-2: #cc6241; // 深橙红加深20%
} }
.el-select, .el-popper{
--el-color-primary: #6c6c6c; /* 主灰色 */
--el-color-primary-light-3: #8a8a8a; /* 较浅的灰色混合20%白) */
--el-color-primary-light-5: #a8a8a8; /* 更浅的灰色混合33%白) */
--el-color-primary-light-7: #c6c6c6; /* 浅灰色混合47%白) */
--el-color-primary-light-8: #d4d4d4; /* 很浅的灰色混合53%白) */
--el-color-primary-light-9: #e3e3e3; /* 极浅的灰色混合60%白) */
--el-color-primary-dark-2: #565656; /* 深灰色加深20% */
}

View File

@@ -44,7 +44,7 @@
const tools = ref([ const tools = ref([
{ name: TOOLS.SELECT, icon: 'c-select', iconSize: 16, disabled: ref(false) }, { name: TOOLS.SELECT, icon: 'c-select', iconSize: 16, disabled: ref(false) },
{ name: TOOLS.MOVE, icon: 'c-move', iconSize: 18, disabled: ref(false) }, { name: TOOLS.MOVE, icon: 'c-move', iconSize: 18, disabled: ref(false) },
{ name: TOOLS.TEXT, icon: 'c-text', iconSize: 18, disabled: ref(false) }, { name: TOOLS.TEXT, icon: 'c-text', iconSize: 22, disabled: ref(false) },
{ type: 'line' }, { type: 'line' },
{ {
name: TOOLS.UNDO, name: TOOLS.UNDO,

View File

@@ -12,7 +12,7 @@
@paste.prevent @paste.prevent
@keydown.stop @keydown.stop
></div> ></div>
<div class="tools" @mousedown="onMouseDown"> <div class="tools" @mousedown="onMouseDown" v-if="active">
<myTextTools :textStyle="data.textStyle"></myTextTools> <myTextTools :textStyle="data.textStyle"></myTextTools>
</div> </div>
<span class="delete" @mousedown.stop @click="emit('delete-node')" v-show="active"> <span class="delete" @mousedown.stop @click="emit('delete-node')" v-show="active">

View File

@@ -121,7 +121,7 @@
} }
.fontFamily{ .fontFamily{
width: 103px; width: 103px;
--el-text-color-regular: #000
} }
.color{ .color{
width: 55px; width: 55px;