修改下拉菜单色调和添加text的icon增大
This commit is contained in:
@@ -79,3 +79,20 @@ body,
|
||||
--el-color-primary-light-9: #fff2ec;
|
||||
--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%) */
|
||||
}
|
||||
|
||||
@@ -95,4 +95,13 @@ body,
|
||||
--el-color-primary-light-8: #ffe8df; // 很浅的橙红(混合53%白)
|
||||
--el-color-primary-light-9: #fff2ec; // 极浅的橙红(混合60%白)
|
||||
--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%) */
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
const tools = ref([
|
||||
{ name: TOOLS.SELECT, icon: 'c-select', iconSize: 16, 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' },
|
||||
{
|
||||
name: TOOLS.UNDO,
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
@paste.prevent
|
||||
@keydown.stop
|
||||
></div>
|
||||
<div class="tools" @mousedown="onMouseDown">
|
||||
<div class="tools" @mousedown="onMouseDown" v-if="active">
|
||||
<myTextTools :textStyle="data.textStyle"></myTextTools>
|
||||
</div>
|
||||
<span class="delete" @mousedown.stop @click="emit('delete-node')" v-show="active">
|
||||
|
||||
@@ -121,7 +121,7 @@
|
||||
}
|
||||
.fontFamily{
|
||||
width: 103px;
|
||||
|
||||
--el-text-color-regular: #000
|
||||
}
|
||||
.color{
|
||||
width: 55px;
|
||||
|
||||
Reference in New Issue
Block a user