样式修改
This commit is contained in:
parent
277cd64c99
commit
d6427fd701
@ -309,9 +309,10 @@ defineExpose({
|
|||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.query-condition-cascade {
|
.query-condition-cascade {
|
||||||
.title {
|
.title {
|
||||||
|
color: #ffffff;
|
||||||
.tip {
|
.tip {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #646a73;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -319,7 +320,7 @@ defineExpose({
|
|||||||
height: 62px;
|
height: 62px;
|
||||||
width: 852px;
|
width: 852px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: #e1eaff;
|
background: #333333;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 9px 0 9px 40px;
|
padding: 9px 0 9px 40px;
|
||||||
font-family: var(--de-custom_font, 'PingFang');
|
font-family: var(--de-custom_font, 'PingFang');
|
||||||
@ -339,7 +340,7 @@ defineExpose({
|
|||||||
|
|
||||||
.cascade-content {
|
.cascade-content {
|
||||||
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
||||||
border: 1px solid #e4e7ed;
|
border: 1px solid #434343;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
@ -374,9 +375,16 @@ defineExpose({
|
|||||||
.cascade-delete {
|
.cascade-delete {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #646a73;
|
color: #5f5f5f;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
:deep(.ed-input__wrapper){
|
||||||
|
background-color: #252424 ;
|
||||||
|
box-shadow: 0 0 0 1px #5f5f5f inset;
|
||||||
|
}
|
||||||
|
:deep(.ed-input__inner){
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -2194,7 +2194,7 @@ defineExpose({
|
|||||||
class="list-item_primary"
|
class="list-item_primary"
|
||||||
:class="element.id === activeCondition && 'active'"
|
:class="element.id === activeCondition && 'active'"
|
||||||
>
|
>
|
||||||
<el-icon class="handle">
|
<el-icon class="handle" style="color:#fff;">
|
||||||
<Icon name="icon_drag_outlined"><icon_drag_outlined class="svg-icon" /></Icon>
|
<Icon name="icon_drag_outlined"><icon_drag_outlined class="svg-icon" /></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<div class="label flex-align-center icon" :title="element.name">
|
<div class="label flex-align-center icon" :title="element.name">
|
||||||
@ -2246,7 +2246,7 @@ defineExpose({
|
|||||||
<el-radio :disabled="!curComponent.auto" :label="true">
|
<el-radio :disabled="!curComponent.auto" :label="true">
|
||||||
<div class="flex-align-center">
|
<div class="flex-align-center">
|
||||||
{{ t('chart.margin_model_auto') }}
|
{{ t('chart.margin_model_auto') }}
|
||||||
<el-tooltip effect="dark" placement="top">
|
<el-tooltip placement="top">
|
||||||
<template #content>
|
<template #content>
|
||||||
<div>
|
<div>
|
||||||
{{ t('v_query.be_switched_to') }}
|
{{ t('v_query.be_switched_to') }}
|
||||||
@ -3169,10 +3169,10 @@ defineExpose({
|
|||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
<el-button class="query-cascade" @click="openCascadeDialog">{{
|
<el-button type="primary" class="query-cascade" @click="openCascadeDialog">{{
|
||||||
t('v_query.component_cascade_configuration')
|
t('v_query.component_cascade_configuration')
|
||||||
}}</el-button>
|
}}</el-button>
|
||||||
<el-button @click="cancelClick">{{ t('chart.cancel') }} </el-button>
|
<el-button @click="cancelClick">{{ t('chart.cancel') }}</el-button>
|
||||||
<el-button @click="confirmClick" type="primary">{{ t('chart.confirm') }} </el-button>
|
<el-button @click="confirmClick" type="primary">{{ t('chart.confirm') }} </el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -3299,7 +3299,7 @@ defineExpose({
|
|||||||
width: 1152px;
|
width: 1152px;
|
||||||
height: 454px;
|
height: 454px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #dee0e3;
|
border: 1px solid #434343;
|
||||||
display: flex;
|
display: flex;
|
||||||
.ed-checkbox:not(.is-disabled) {
|
.ed-checkbox:not(.is-disabled) {
|
||||||
.ed-checkbox__label:hover {
|
.ed-checkbox__label:hover {
|
||||||
@ -3310,7 +3310,7 @@ defineExpose({
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
// background: #f5f6f7;
|
// background: #f5f6f7;
|
||||||
background: rgb(38,38,38);
|
background: rgb(38,38,38);
|
||||||
border-right: 1px solid #dee0e3;
|
border-right: 1px solid #434343;
|
||||||
width: 208px;
|
width: 208px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
@ -3456,7 +3456,7 @@ defineExpose({
|
|||||||
}
|
}
|
||||||
|
|
||||||
.condition-configuration {
|
.condition-configuration {
|
||||||
border-left: 1px solid #dee0e3;
|
border-left: 1px solid #434343;
|
||||||
width: 467px;
|
width: 467px;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -3873,4 +3873,61 @@ defineExpose({
|
|||||||
height: 16px;
|
height: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.dialog-footer .ed-button{
|
||||||
|
color: #F2F4F5;
|
||||||
|
background-color: #212121;
|
||||||
|
border: 1px solid #434343;
|
||||||
|
}
|
||||||
|
.dialog-footer .ed-button--primary{
|
||||||
|
background-color:#0089FF;
|
||||||
|
border: 1px solid #0089FF;
|
||||||
|
}
|
||||||
|
.ed-checkbox__inner{
|
||||||
|
background: transparent;
|
||||||
|
border-color:#5f5f5f;
|
||||||
|
}
|
||||||
|
.ed-radio__inner{
|
||||||
|
background: rgb(33,33,33);
|
||||||
|
border-color:#5f5f5f;
|
||||||
|
}
|
||||||
|
.ed-radio__input.is-checked .ed-radio__inner{
|
||||||
|
background-color:#0089FF ;
|
||||||
|
border: 1px solid #0089FF;
|
||||||
|
}
|
||||||
|
.ed-radio__input.is-disabled .ed-radio__inner{
|
||||||
|
background-color:#373737 ;
|
||||||
|
border: 1px solid #5f5f5f;
|
||||||
|
}
|
||||||
|
.ed-radio--dark .ed-radio__input.is-disabled.is-checked .ed-radio__inner{
|
||||||
|
background-color:#5f5f5f ;
|
||||||
|
border: 1px solid #5f5f5f;
|
||||||
|
}
|
||||||
|
.ed-radio--dark .ed-radio__input.is-disabled.is-checked .ed-radio__inner::after{
|
||||||
|
background-color:rgb(33,33,33);
|
||||||
|
}
|
||||||
|
.list-item_primary.active{
|
||||||
|
background: rgba(0, 137, 255, 0.3);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.ed-dropdown-menu__item{
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ed-input__wrapper{
|
||||||
|
background-color: #252424 ;
|
||||||
|
box-shadow: 0 0 0 1px #5f5f5f inset;
|
||||||
|
}
|
||||||
|
.ed-input__inner{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.ed-popper.is-dark{
|
||||||
|
background: rgb(41,41,41);
|
||||||
|
border: 1px solid #434343;
|
||||||
|
}
|
||||||
|
.ed-popper[data-popper-placement^=top] .ed-popper__arrow::before {
|
||||||
|
background: rgba(41, 41, 41, 1) !important;
|
||||||
|
}
|
||||||
|
.ed-select .ed-popper.is-dark{
|
||||||
|
background: rgb(41,41,41);
|
||||||
|
border: 1px solid #434343;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -334,7 +334,7 @@ init()
|
|||||||
:style="{ float: 'right' }"
|
:style="{ float: 'right' }"
|
||||||
@click="removeThreshold(fieldIndex)"
|
@click="removeThreshold(fieldIndex)"
|
||||||
>
|
>
|
||||||
<el-icon size="20px" style="color: #646a73">
|
<el-icon size="20px" style="color: #979797">
|
||||||
<Icon name="icon_delete-trash_outlined"
|
<Icon name="icon_delete-trash_outlined"
|
||||||
><icon_deleteTrash_outlined class="svg-icon"
|
><icon_deleteTrash_outlined class="svg-icon"
|
||||||
/></Icon>
|
/></Icon>
|
||||||
@ -342,7 +342,7 @@ init()
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-row :style="{ marginTop: '16px', borderTop: '1px solid #d5d6d8' }">
|
<el-row :style="{ marginTop: '16px', borderTop: '1px solid #5f5f5f' }">
|
||||||
<el-row
|
<el-row
|
||||||
v-for="(item, index) in fieldItem.conditions"
|
v-for="(item, index) in fieldItem.conditions"
|
||||||
:key="index"
|
:key="index"
|
||||||
@ -464,7 +464,7 @@ init()
|
|||||||
text
|
text
|
||||||
@click="removeCondition(fieldItem, index)"
|
@click="removeCondition(fieldItem, index)"
|
||||||
>
|
>
|
||||||
<el-icon size="20px" style="color: #646a73">
|
<el-icon size="20px" style="color: #979797">
|
||||||
<Icon name="icon_delete-trash_outlined"
|
<Icon name="icon_delete-trash_outlined"
|
||||||
><icon_deleteTrash_outlined class="svg-icon"
|
><icon_deleteTrash_outlined class="svg-icon"
|
||||||
/></Icon>
|
/></Icon>
|
||||||
@ -510,7 +510,7 @@ init()
|
|||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 10px 16px;
|
padding: 10px 16px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background: #f5f6f7;
|
background:#333333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.line-item {
|
.line-item {
|
||||||
@ -578,7 +578,7 @@ span {
|
|||||||
|
|
||||||
.tip {
|
.tip {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
background: #d6e2ff;
|
background: #333333;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -613,6 +613,31 @@ span {
|
|||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
padding: 0 11px;
|
padding: 0 11px;
|
||||||
}
|
}
|
||||||
|
:deep(.ed-input__wrapper){
|
||||||
|
background-color: #252424 ;
|
||||||
|
box-shadow: 0 0 0 1px #5f5f5f inset;
|
||||||
|
}
|
||||||
|
:deep(.ed-input__inner){
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
:deep(.ed-select-dropdown__item){
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
:deep(.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover){
|
||||||
|
background: rgb(61,61,61) !important;
|
||||||
|
}
|
||||||
|
.ed-select-dropdown__item{
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover{
|
||||||
|
background: rgb(61,61,61);
|
||||||
|
}
|
||||||
|
.ed-select-dropdown__item.selected{
|
||||||
|
color: #0089ff;
|
||||||
|
}
|
||||||
|
:deep(.ed-color-picker__trigger){
|
||||||
|
border: 1px solid #5f5f5f ;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
|
@ -271,7 +271,7 @@ const del = (index, child) => {
|
|||||||
border-color: rgba(70, 70, 70, 1);
|
border-color: rgba(70, 70, 70, 1);
|
||||||
}
|
}
|
||||||
:deep(.ed-dropdown-menu__item:not(.is-disabled):hover){
|
:deep(.ed-dropdown-menu__item:not(.is-disabled):hover){
|
||||||
background-color: rgba(61,61,61, 1);
|
background-color: rgba(41,41,41, 1);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style>
|
<style>
|
||||||
|
@ -1456,7 +1456,7 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
|
|||||||
|
|
||||||
.ed-dropdown__popper.ed-popper{
|
.ed-dropdown__popper.ed-popper{
|
||||||
width: 150px;
|
width: 150px;
|
||||||
background-color: rgba(51, 51, 51, 1);
|
background-color: rgba(41, 41, 41, 1);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
Loading…
Reference in New Issue
Block a user