|
|
|
|
@ -599,7 +599,7 @@ $lighterBlue: #409eff;
|
|
|
|
|
height: calc(100vh - 42px); |
|
|
|
|
overflow: hidden; |
|
|
|
|
border-left: 1px solid #0e5191; |
|
|
|
|
border-right: 1px solid #0e5191 ; |
|
|
|
|
border-right: 1px solid #0e5191; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
} |
|
|
|
|
.center-board { |
|
|
|
|
@ -623,8 +623,8 @@ $lighterBlue: #409eff;
|
|
|
|
|
height: 42px; |
|
|
|
|
text-align: right; |
|
|
|
|
padding: 0 15px; |
|
|
|
|
box-sizing: border-box;; |
|
|
|
|
border: 1px solid #0e5191 ; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
border: 1px solid #0e5191; |
|
|
|
|
border-top: none; |
|
|
|
|
border-left: none; |
|
|
|
|
.delete-btn { |
|
|
|
|
@ -810,4 +810,202 @@ $lighterBlue: #409eff;
|
|
|
|
|
.delete-btn::after { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 媒体查询，适配大于2000px分辨率的大屏样式 |
|
|
|
|
@media (min-width: 2000px) { |
|
|
|
|
.editor-tabs { |
|
|
|
|
.el-tabs__item { |
|
|
|
|
height: 0.32rem !important; |
|
|
|
|
line-height: 0.32rem !important; |
|
|
|
|
border-left: 0.01rem solid #121315 !important; |
|
|
|
|
margin-right: 0.05rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// home |
|
|
|
|
.right-scrollbar { |
|
|
|
|
.el-scrollbar__view { |
|
|
|
|
padding: 0.12rem 0.18rem 0.15rem 0.15rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.reg-item { |
|
|
|
|
padding: 0.12rem 0.06rem !important; |
|
|
|
|
border-radius: 0.04rem !important; |
|
|
|
|
.close-btn { |
|
|
|
|
right: -0.06rem !important; |
|
|
|
|
top: -0.06rem !important; |
|
|
|
|
width: 0.16rem !important; |
|
|
|
|
height: 0.16rem !important; |
|
|
|
|
line-height: 0.16rem !important; |
|
|
|
|
font-size: 0.12rem !important; |
|
|
|
|
} |
|
|
|
|
& + .reg-item { |
|
|
|
|
margin-top: 0.18rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.action-bar { |
|
|
|
|
& .el-button + .el-button { |
|
|
|
|
margin-left: 0.15rem !important; |
|
|
|
|
} |
|
|
|
|
& i { |
|
|
|
|
font-size: 0.2rem !important; |
|
|
|
|
top: -0.01rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.custom-tree-node { |
|
|
|
|
font-size: 0.14rem !important; |
|
|
|
|
i[class*="el-icon"] + i[class*="el-icon"] { |
|
|
|
|
margin-left: 0.06rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.components-list { |
|
|
|
|
padding: 0.08rem !important; |
|
|
|
|
} |
|
|
|
|
.components-draggable { |
|
|
|
|
padding-bottom: 0.2rem !important; |
|
|
|
|
} |
|
|
|
|
.components-title { |
|
|
|
|
font-size: 0.14rem !important; |
|
|
|
|
margin: 0.06rem 0.02rem !important; |
|
|
|
|
.svg-icon { |
|
|
|
|
font-size: 0.18rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.components-body { |
|
|
|
|
padding: 0.08rem 0.1rem !important; |
|
|
|
|
font-size: 0.12rem !important; |
|
|
|
|
border: 0.01rem dashed #436efc !important; |
|
|
|
|
border-radius: 0.03rem !important; |
|
|
|
|
.svg-icon { |
|
|
|
|
font-size: 0.15rem !important; |
|
|
|
|
} |
|
|
|
|
&:hover { |
|
|
|
|
border: 0.01rem dashed #787be8 !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.left-board { |
|
|
|
|
width: 2.6rem !important; |
|
|
|
|
} |
|
|
|
|
.left-scrollbar { |
|
|
|
|
height: calc(100vh - 0.42rem) !important; |
|
|
|
|
} |
|
|
|
|
.center-scrollbar { |
|
|
|
|
height: calc(100vh - 0.42rem) !important; |
|
|
|
|
border-left: 0.01rem solid #0e5191 !important; |
|
|
|
|
border-right: 0.01rem solid #0e5191 !important; |
|
|
|
|
} |
|
|
|
|
.center-board { |
|
|
|
|
margin: 0 3.5rem 0 2.6rem !important; |
|
|
|
|
} |
|
|
|
|
.empty-info { |
|
|
|
|
font-size: 0.18rem !important; |
|
|
|
|
letter-spacing: 0.04rem !important; |
|
|
|
|
} |
|
|
|
|
.action-bar { |
|
|
|
|
height: 0.42rem !important; |
|
|
|
|
padding: 0 0.15rem !important; |
|
|
|
|
border: 0.01rem solid #0e5191 !important; |
|
|
|
|
} |
|
|
|
|
.logo-wrapper { |
|
|
|
|
height: 0.42rem !important; |
|
|
|
|
border-bottom: 0.01rem solid #0e5191 !important; |
|
|
|
|
} |
|
|
|
|
.logo { |
|
|
|
|
left: 0.12rem !important; |
|
|
|
|
top: 0.06rem !important; |
|
|
|
|
line-height: 0.3rem !important; |
|
|
|
|
font-size: 0.17rem !important; |
|
|
|
|
> img { |
|
|
|
|
width: 0.3rem !important; |
|
|
|
|
height: 0.3rem !important; |
|
|
|
|
} |
|
|
|
|
.github { |
|
|
|
|
margin-left: 0.15rem !important; |
|
|
|
|
> img { |
|
|
|
|
height: 0.22rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.center-board-row { |
|
|
|
|
padding: 0.12rem 0.12rem 0.15rem 0.12rem !important; |
|
|
|
|
& > .el-form { |
|
|
|
|
height: calc(100vh - 0.69rem) !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.drawing-board { |
|
|
|
|
.sortable-ghost { |
|
|
|
|
&::before { |
|
|
|
|
height: 0.03rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.components-item.sortable-ghost { |
|
|
|
|
height: 0.6rem !important; |
|
|
|
|
} |
|
|
|
|
.active-from-item { |
|
|
|
|
& > .el-form-item { |
|
|
|
|
border-radius: 0.06rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el-form-item { |
|
|
|
|
margin-bottom: 0.15rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.drawing-item { |
|
|
|
|
&.unfocus-bordered:not(.activeFromItem) > div:first-child { |
|
|
|
|
border: 0.01rem dashed #ccc !important; |
|
|
|
|
} |
|
|
|
|
.el-form-item { |
|
|
|
|
padding: 0.12rem 0.1rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.drawing-row-item { |
|
|
|
|
border: 0.01rem dashed #ccc !important; |
|
|
|
|
border-radius: 0.03rem !important; |
|
|
|
|
padding: 0 0.02rem !important; |
|
|
|
|
margin-bottom: 0.15rem !important; |
|
|
|
|
.drawing-row-item { |
|
|
|
|
margin-bottom: 0.02rem !important; |
|
|
|
|
} |
|
|
|
|
.el-col { |
|
|
|
|
margin-top: 0.22rem !important; |
|
|
|
|
} |
|
|
|
|
.drag-wrapper { |
|
|
|
|
min-height: 0.8rem !important; |
|
|
|
|
} |
|
|
|
|
&.active-from-item { |
|
|
|
|
border: 0.01rem dashed $lighterBlue !important; |
|
|
|
|
} |
|
|
|
|
.component-name { |
|
|
|
|
font-size: 0.12rem !important; |
|
|
|
|
padding: 0 0.06rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.drawing-item, |
|
|
|
|
.drawing-row-item { |
|
|
|
|
&:hover { |
|
|
|
|
& > .el-form-item { |
|
|
|
|
border-radius: 0.06rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
& > .drawing-item-copy, |
|
|
|
|
& > .drawing-item-delete { |
|
|
|
|
top: -0.1rem !important; |
|
|
|
|
width: 0.22rem !important; |
|
|
|
|
height: 0.22rem !important; |
|
|
|
|
line-height: 0.22rem !important; |
|
|
|
|
font-size: 0.12rem !important; |
|
|
|
|
border: 0.01rem solid !important; |
|
|
|
|
} |
|
|
|
|
& > .drawing-item-copy { |
|
|
|
|
right: 0.56rem !important; |
|
|
|
|
} |
|
|
|
|
& > .drawing-item-delete { |
|
|
|
|
right: 0.24rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
