修改样式

main
lj7788@126.com 2024-12-23 23:54:52 +08:00
parent 273b4f66b9
commit 10e140ffb9
4 changed files with 60 additions and 5 deletions

View File

@ -189,8 +189,20 @@ html.dark {
} }
} }
} }
.jv-container.jv-light,.jv-my-json-view .jv-code{
background: #313C5D;
}
.jv-container.jv-light{ .jv-container.jv-light{
background: #242B43; color:#bbb;
.jv-key{
color: #bbb;
}
.jv-item.jv-object{
color:#bbb;
}
.jv-item.jv-array{
color:#bbb;
}
} }
.add-report .row-norm .el-form-item__content{ .add-report .row-norm .el-form-item__content{
background: #242B43; background: #242B43;
@ -198,5 +210,11 @@ html.dark {
.add-report .div-nav-header{ .add-report .div-nav-header{
color:#fff; color:#fff;
} }
.el-radio__inner{
border-color:#bbb;
}
.log-item{
color:#bbb !important;
}
} }
</style> </style>

View File

@ -539,4 +539,20 @@ onMounted(() => {
} }
} }
} }
</style>
<style lang="scss">
html.dark{
.connection-edit{
.flow-info{
background: #222B45 !important;
.div-title{
color: #8A8C8F;
}
.sp-paramter{
background: #313C5D !important;
color: #bbb;
}
}
}
}
</style> </style>

View File

@ -1,7 +1,7 @@
<template> <template>
<div v-for="(it, idx) in objToArr(paramInfo)" :key="idx" style="word-break: break-all;"> <div v-for="(it, idx) in objToArr(paramInfo)" :key="idx" style="word-break: break-all;" class="sp-item">
<span style="color:#00E5FF;font-weight: bold;">{{ it.name }}</span> : <span class="sp-item-lbl" style="font-weight: bold;">{{ it.name }}</span> :
<span style="color: #283593;">{{ it.value }}</span> <span class="sp-item-txt" style="">{{ it.value }}</span>
</div> </div>
</template> </template>
@ -31,4 +31,24 @@ const objToArr = obj => {
return arr; return arr;
} }
</script> </script>
<style lang='scss'></style> <style lang='scss'>
.sp-item{
.sp-item-lbl{
color:#00E5FF;
}
.sp-item-txt{
color: #283593;
}
}
html.dark{
.sp-item{
.sp-item-lbl{
color:#bbb;
}
.sp-item-txt{
color: #bbb;
}
}
}
</style>

View File

@ -173,6 +173,7 @@ const logList = reactive([{
.log-item{ .log-item{
font-size: 12px; font-size: 12px;
color:#666; color:#666;
border-bottom-style: none !important;
} }
} }
</style> </style>