124 lines
2.2 KiB
Vue
124 lines
2.2 KiB
Vue
<template>
|
|
<router-view/>
|
|
</template>
|
|
|
|
<script setup>
|
|
import useSettingsStore from '@/store/modules/settings'
|
|
import {handleThemeStyle} from '@/utils/theme'
|
|
|
|
onMounted(() => {
|
|
nextTick(() => {
|
|
// 初始化主题样式
|
|
handleThemeStyle(useSettingsStore().theme)
|
|
})
|
|
})
|
|
</script>
|
|
<style lang="scss">
|
|
//自定义样式覆盖el-table
|
|
.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
|
|
background-color: var(--el-color-primary-light-9) !important;
|
|
}
|
|
|
|
//自定义搜索加载动画
|
|
.other-search-enter-from, .other-search-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(20px);
|
|
}
|
|
|
|
.other-search-enter-active {
|
|
transition: all .5s;
|
|
}
|
|
|
|
.other-search-leave-active {
|
|
transition: all .6s;
|
|
}
|
|
|
|
.el-dialog {
|
|
.task-title {
|
|
height: 30px;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.custom-block {
|
|
padding: 8px 16px;
|
|
background-color: rgba(var(--el-color-primary-rgb), .1);
|
|
border-radius: 4px;
|
|
border-left: 5px solid var(--el-color-primary);
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.draggable-group {
|
|
height: calc(100% - 30px);
|
|
overflow-y: auto;
|
|
border: 1px solid #e7eaec;
|
|
border-radius: 4px;
|
|
|
|
.dragClass {
|
|
background-color: rgba(var(--el-color-primary-rgb), .1);
|
|
}
|
|
|
|
.list-group-item {
|
|
border-bottom: none;
|
|
cursor: pointer;
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
user-select: none;
|
|
|
|
i {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: rgba(var(--el-color-primary-rgb), .1);
|
|
}
|
|
|
|
&:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
&:first-child {
|
|
border-top: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.file-upload {
|
|
.el-upload {
|
|
border: 1px dashed var(--el-border-color);
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
transition: var(--el-transition-duration-fast);
|
|
}
|
|
}
|
|
|
|
.el-dialog__body {
|
|
.file-uploader {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.test-log {
|
|
.el-drawer__body {
|
|
padding: 0;
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
|
|
.test-config {
|
|
.el-drawer__header {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.el-drawer__body {
|
|
padding: 0 20px;
|
|
}
|
|
}
|
|
</style>
|