修改样式
parent
273b4f66b9
commit
10e140ffb9
20
src/App.vue
20
src/App.vue
|
@ -189,8 +189,20 @@ html.dark {
|
|||
}
|
||||
}
|
||||
}
|
||||
.jv-container.jv-light,.jv-my-json-view .jv-code{
|
||||
background: #313C5D;
|
||||
}
|
||||
.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{
|
||||
background: #242B43;
|
||||
|
@ -198,5 +210,11 @@ html.dark {
|
|||
.add-report .div-nav-header{
|
||||
color:#fff;
|
||||
}
|
||||
.el-radio__inner{
|
||||
border-color:#bbb;
|
||||
}
|
||||
.log-item{
|
||||
color:#bbb !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -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>
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div v-for="(it, idx) in objToArr(paramInfo)" :key="idx" style="word-break: break-all;">
|
||||
<span style="color:#00E5FF;font-weight: bold;">{{ it.name }}</span> :
|
||||
<span style="color: #283593;">{{ it.value }}</span>
|
||||
<div v-for="(it, idx) in objToArr(paramInfo)" :key="idx" style="word-break: break-all;" class="sp-item">
|
||||
<span class="sp-item-lbl" style="font-weight: bold;">{{ it.name }}</span> :
|
||||
<span class="sp-item-txt" style="">{{ it.value }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -31,4 +31,24 @@ const objToArr = obj => {
|
|||
return arr;
|
||||
}
|
||||
</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>
|
|
@ -173,6 +173,7 @@ const logList = reactive([{
|
|||
.log-item{
|
||||
font-size: 12px;
|
||||
color:#666;
|
||||
border-bottom-style: none !important;
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue