| | |
| | | </script> |
| | | |
| | | <style lang='scss'> |
| | | $lighterBlue: #409EFF; |
| | | $lighterBlue: var(--el-color-primary); |
| | | |
| | | .container { |
| | | position: relative; |
| | |
| | | margin: 6px 2px; |
| | | |
| | | .svg-icon { |
| | | // color: #666; |
| | | // color: var(--lims-text-2); |
| | | font-size: 18px; |
| | | margin-right: 5px; |
| | | } |
| | |
| | | justify-content: flex-end; |
| | | |
| | | u .delete-btn { |
| | | color: #F56C6C; |
| | | color: var(--el-color-danger); |
| | | } |
| | | } |
| | | |
| | |
| | | cursor: move; |
| | | |
| | | &.unfocus-bordered:not(.activeFromItem)>div:first-child { |
| | | border: 1px dashed #ccc; |
| | | border: 1px dashed var(--el-text-color-placeholder); |
| | | } |
| | | |
| | | .el-form-item { |
| | |
| | | position: relative; |
| | | cursor: move; |
| | | box-sizing: border-box; |
| | | border: 1px dashed #ccc; |
| | | border: 1px dashed var(--el-text-color-placeholder); |
| | | border-radius: 3px; |
| | | padding: 0 2px; |
| | | margin-bottom: 15px; |
| | |
| | | top: 0; |
| | | left: 0; |
| | | font-size: 12px; |
| | | color: #bbb; |
| | | color: var(--el-text-color-placeholder); |
| | | display: inline-block; |
| | | padding: 0 6px; |
| | | } |
| | |
| | | |
| | | &>.drawing-item-delete { |
| | | right: 24px; |
| | | border-color: #F56C6C; |
| | | color: #F56C6C; |
| | | border-color: var(--el-color-danger); |
| | | color: var(--el-color-danger); |
| | | background: #fff; |
| | | |
| | | &:hover { |
| | | background: #F56C6C; |
| | | background: var(--el-color-danger); |
| | | color: #fff; |
| | | } |
| | | } |