center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat(X-Pack):【数据填报】表单管理列表样式调整

Browse Source
This commit is contained in:
ulleo 2024-05-15 14:28:26 +08:00
parent 9a77f6a027
commit 2c5233a3b3
1 changed files with 57 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
core/frontend/src/views/dataFilling/form/index.vue
View File

@ -285,7 +285,10 @@ export default {
{{ $t('data_fill.form_manage') }}
</span>
<div style="padding-left: 20px;padding-right: 20px;">
<div
style="padding-left: 20px;padding-right: 20px;"
class="de-tree"
>
<div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
{{ $t('data_fill.form.form_list_name') }}
@ -640,4 +643,57 @@ export default {
color: var(--primary, #3370ff);
}
}
.de-tree {
.el-tree-node.is-current.is-focusable {
&>.el-tree-node__content {
background-color: var(--deWhiteHover, #e0eaff);
color: var(--primary, #3370ff);
}
}
.el-tree-node__content, .de-el-tree-node__content {
.el-icon-more,
.el-icon-plus {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
font-size: 12px;
color: #646a73;
cursor: pointer;
}
.el-icon-more:hover,
.el-icon-plus:hover {
background: rgba(31, 35, 41, 0.1);
border-radius: 4px;
}
.el-icon-more:active,
.el-icon-plus:active {
background: rgba(31, 35, 41, 0.2);
border-radius: 4px;
}
}
.el-tree-node__content {
height: 40px;
border-radius: 4px;
&:hover {
background: rgba(31, 35, 41, 0.1);
}
}
.de-el-tree-node__content {
.el-button--text {
padding: 0 !important;
}
.el-icon-more {
width: 32px;
height: 32px;
line-height: 32px;
}
}
}
</style>