条件样式

This commit is contained in:
jingna 2025-04-18 17:06:37 +08:00
parent a98985b456
commit 2e82187e3d
2 changed files with 39 additions and 6 deletions

View File

@ -1143,7 +1143,7 @@ init()
/>
<template #footer>
<div class="dialog-footer">
<el-button @click="closeLineThreshold">{{ t('chart.cancel') }}</el-button>
<el-button @click="closeLineThreshold">{{ t('chart.cancel') }}</el-button>
<el-button type="primary" @click="changeLineThreshold">{{
t('chart.confirm')
}}</el-button>
@ -1347,4 +1347,12 @@ span {
width: 100% !important;
height: 100% !important;
}
.dialog-footer .ed-button{
color: #F2F4F5;
background-color: #212121;
border: 1px solid #434343;
}
.dialog-footer.ed-button--primary{
background-color:#0089FF;
}
</style>

View File

@ -300,7 +300,7 @@ init()
:style="{ float: 'right' }"
@click="removeThreshold(fieldIndex)"
>
<el-icon size="20px" style="color: #646a73">
<el-icon size="20px" style="color: #fff">
<Icon name="icon_delete-trash_outlined"
><icon_deleteTrash_outlined class="svg-icon"
/></Icon>
@ -308,7 +308,7 @@ init()
</el-button>
</el-row>
<el-row :style="{ marginTop: '16px', borderTop: '1px solid #d5d6d8' }">
<el-row :style="{ marginTop: '16px', borderTop: '1px solid #5f5f5f' }">
<el-row
v-for="(item, index) in fieldItem.conditions"
:key="index"
@ -440,7 +440,7 @@ init()
text
@click="removeCondition(fieldItem, index)"
>
<el-icon size="20px" style="color: #646a73">
<el-icon size="20px" style="color: #fff">
<Icon name="icon_delete-trash_outlined"
><icon_deleteTrash_outlined class="svg-icon"
/></Icon>
@ -487,7 +487,7 @@ init()
border-radius: 4px;
padding: 10px 16px;
margin-top: 10px;
background: #f5f6f7;
background:#333333;
}
.line-item {
@ -555,7 +555,7 @@ span {
.tip {
font-size: 12px;
background: #d6e2ff;
background: #333333;
border-radius: 4px;
padding: 10px 20px;
display: flex;
@ -590,4 +590,29 @@ span {
justify-content: flex-start;
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>