myprint-design/css/styles/design.css

操作简单，组件丰富的一站式打印解决方案打印设计器

.design-container{z-index:0;width:100%;height:100%}.container-edit-icon{position:absolute;text-align:center;display:inline-block;line-height:1;right:0;width:16px;height:16px;transform:translate(calc(100% + 5px),0)}.container-move-icon{position:absolute;text-align:center;display:inline-block;line-height:1;right:0;width:16px;height:16px;transform:translate(calc(100% + 5px),18px)}.table-more-icon_popover{position:absolute;text-align:center;display:inline-block;line-height:1;top:0;left:calc(100% + 7px);width:16px;height:16px}.table-more-icon{text-align:center;display:inline-block;line-height:1;width:16px;height:16px}.table_header_setting{padding:5px 9px 5px 5px;background:#fff}.container_over{z-index:1;outline:4px solid var(--drag-h-color)}.ruleHighlight{background:var(--drag-h-color);opacity:.2}.my-element-wrapper{will-change:transform!important;position:absolute;box-sizing:border-box}.my-element-wrapper:before{pointer-events:none;position:absolute;content:"";box-sizing:border-box;width:100%;height:100%}.design-activate:before{border:dashed 1px var(--drag-h-color)}.design-inactive:before{border:dashed 1px var(--dnb-highlight-color)}.design-activate-edit:before{border:dashed 1px var(--drag-edit-border-color)}.design-activate-cut-ing{opacity:.625!important}.desgin-remove{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;line-height:16px;font-weight:700;color:red}.my-table-resize{width:9px;height:100%;position:absolute;top:0;cursor:col-resize}.my-table-resize:before{position:absolute;top:inherit;left:4px;background:0 0!important;content:" ";width:1px;height:100%}.my-table-resize:hover::before{box-shadow:-1px 0 0 0 red,1px 0 0 0 red!important;background-color:red!important}.my-table-row-resize{width:100%;height:9px;position:absolute;left:0;cursor:col-resize}.my-table-row-resize:before{position:absolute;left:inherit;top:4px;background:0 0!important;content:" ";width:100%;height:1px}.my-table-row-resize:hover::before{box-shadow:-1px 0 0 0 red,1px 0 0 0 red!important;background-color:red!important}.my-table-highlight-column{position:absolute;top:0;border:2px solid var(--drag-h-color);box-sizing:border-box}.my-table-highlight-sort{position:absolute;top:0;left:20px;width:3px;height:100%;background:#0ec300!important}.my-table-clone-drag{position:absolute;cursor:move}.my-table-control-head-point{position:absolute;cursor:move;top:-10px;width:20px;font-size:14px!important;height:15px;line-height:15px;text-align:center;visibility:hidden;border-radius:3px;border:1px #000 dashed;background:#fff!important;z-index:999999}.my-table-control-head-col-point{position:absolute;cursor:move;left:-10px;width:15px;font-size:14px!important;height:20px;line-height:20px;text-align:center;visibility:hidden;border-radius:3px;border:1px #000 dashed;background:#fff!important;z-index:999999}.my-table-control-head-point-active{visibility:visible}.my-table-statistics-row-remove{width:20px;height:20px;right:-30px;position:absolute;z-index:999999}.image-crop-dialog{-webkit-user-select:none;-moz-user-select:none;user-select:none}.choose-image-type-dialog{border-radius:8px!important;overflow:hidden}.choose-image-type-dialog .el-dialog__header{display:none}.choose-image-type-dialog .el-dialog__body{padding:0!important}.choose-image-type-dialog .choose-image-type-dialog-header{height:51px;padding:0 37px;background:#fff;box-sizing:border-box;border-bottom:1px solid #e9e9e9;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choose-image-type-dialog .choose-image-type-dialog-header .choose-image-type-dialog-header_tab{display:flex;width:100%}.choose-image-type-dialog .choose-image-type-dialog-header .choose-image-type-dialog-header_tab .setting-panel-header-close{width:24px}.choose-image-type-dialog .choose-image-localFile-panel{width:520px;height:117px;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center}.choose-image-type-dialog .choose-image-localFile-panel .choose-image-localFile-btn{width:250px;height:30px;line-height:30px;text-align:center;border-radius:5px;color:#fff;background:var(--drag-h-color);font-weight:600}.choose-image-type-dialog .choose-image-url-panel{width:490px;height:117px;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center}.choose-image-type-dialog .choose-image-url-panel .choose-image-url-input{width:250px;margin-bottom:15px}.choose-image-type-dialog .choose-image-url-panel .choose-image-url-btn{width:250px;height:30px;line-height:30px;text-align:center;border-radius:5px;color:#fff;background:var(--drag-h-color);font-weight:600}.design-auxiliary-line-h,.design-auxiliary-line-v{position:absolute;will-change:transform;left:0;top:0}.design-auxiliary-line-h:hover .design-auxiliary-line-remove,.design-auxiliary-line-v:hover .design-auxiliary-line-remove{visibility:visible}.design-auxiliary-line-h .design-auxiliary-line-remove,.design-auxiliary-line-v .design-auxiliary-line-remove{position:absolute;left:0;top:0;border-radius:10px;width:15px;height:15px;font-size:15px;line-height:15px;visibility:hidden;color:red}.design-auxiliary-line-h .design-auxiliary-line-remove:hover,.design-auxiliary-line-v .design-auxiliary-line-remove:hover{visibility:visible}.design-auxiliary-line-hidden{visibility:hidden}.design-auxiliary-line-v{border-left:1px #000 dashed;height:100%}.design-auxiliary-line-v .design-auxiliary-line-control{position:absolute;left:-4px;top:25px;width:7px;height:30px}.design-auxiliary-line-v .design-auxiliary-line-control:before{border-radius:10px;position:absolute;content:" ";background:gold!important;left:2px;top:0;width:3px;height:100%}.design-auxiliary-line-v .design-auxiliary-line-remove{left:-8px;top:10px}.design-auxiliary-line-h{border-top:1px #000 dashed;width:100%}.design-auxiliary-line-h .design-auxiliary-line-control{position:absolute;left:25px;top:-4px;width:30px;height:7px}.design-auxiliary-line-h .design-auxiliary-line-control:before{border-radius:10px;position:absolute;content:" ";background:gold!important;top:2px;left:0;width:100%;height:3px}.design-auxiliary-line-h .design-auxiliary-line-remove{left:10px;top:-8px}.my-tree-list .my-tree-list-item_wrapper .my-tree-list-item{display:flex}.my-tree-list .my-tree-list-item_wrapper .my-tree-list-child{margin-left:30px}