tata-ui/style.css

塔塔NG-基于VUE3开发支持Clodop打印的模板设计器

.tata-btn[data-v-6c87ce6b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#fff;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer}.large[data-v-6c87ce6b]{width:240px;height:50px;font-size:16px}.moddle[data-v-6c87ce6b]{width:180px;height:50px;font-size:16px}.small[data-v-6c87ce6b]{width:100px;height:32px}.mini[data-v-6c87ce6b]{width:60px;height:32px}.default[data-v-6c87ce6b]{border-color:#e4e4e4;color:#666}.primary[data-v-6c87ce6b]{border-color:#87ceeb;background:#87ceeb;color:#fff}.plain[data-v-6c87ce6b]{border-color:#87ceeb;color:#87ceeb;background:lighten(skyblue,50%)}.gray[data-v-6c87ce6b]{border-color:#ccc;background:#ccc;color:#fff}.bar-code[data-v-6c5b651d]:hover{outline:1px solid #ddd!important}.bar-code.active[data-v-6c5b651d],.bar-code.active[data-v-6c5b651d]:hover{outline:1px solid #2196f3!important}.bar-code img[data-v-6c5b651d]{width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.bar-code .text[data-v-6c5b651d]{position:absolute;left:0;bottom:0;width:100%;text-align:center;background-color:#fff}.braid-image[data-v-0839a766]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.verti[data-v-0b37bca1],.horiz[data-v-0b37bca1]{position:absolute;z-index:999;display:flex;justify-content:center;align-items:center}.verti[data-v-0b37bca1]{width:0;cursor:ew-resize}.horiz[data-v-0b37bca1]{height:0;cursor:ns-resize}.square[data-v-0b37bca1]{box-sizing:border-box;width:6px;height:6px;border:1px solid #2196f3;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.holder[data-v-fba8105c]{display:flex;justify-content:center;overflow:auto;font-size:0;border:1px solid #f5f5f5;border-width:0 1px;background-image:linear-gradient(45deg,#f5f5f5 25%,transparent 0,transparent 75%,#f5f5f5 0),linear-gradient(45deg,#f5f5f5 25%,transparent 0,transparent 75%,#f5f5f5 0);background-position:0 0,13px 13px;background-size:26px 26px}.screen[data-v-fba8105c]{margin:25px auto;transform-origin:center top;position:relative;box-shadow:0 0 5px 1px #ccc;background-color:#fff;background-repeat:no-repeat}.mini-form[data-v-102d12e4] .el-form-item--mini.el-form-item{margin-bottom:10px}.options-box .el-button[data-v-84736db2]{margin-bottom:10px;margin-right:10px;margin-left:0}.tag-box .el-tag[data-v-1b2ea45d]{margin-bottom:10px;margin-right:10px}body,html{padding:0;margin:0;height:100%;box-sizing:border-box}.kr-designer{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100%;height:100%;text-align:left;display:flex;flex-direction:row}.kr-designer .kr-designer-view{flex:1;display:flex;flex-direction:column}.kr-designer .kr-designer-tool{width:400px;height:100%;display:flex;flex-direction:column}.kr-designer .kr-designer-tool .el-scrollbar__wrap{overflow:auto}.kr-designer .kr-designer-tool_con{flex:1;height:100%;width:100%;overflow:hidden}.kr-designer .kr-designer-tool_bar{padding:10px;text-align:center}.kr-form .el-form-item--mini.el-form-item{margin-bottom:10px}.kr-form .min-input{width:100px}.kr-form .unit-text{font-size:12px;color:#999;margin-left:5px}.kr-collapse{color:#555;width:400px}.kr-collapse .el-collapse-item__header{box-sizing:border-box;padding-left:10px}.kr-collapse .el-collapse-item__content{box-sizing:border-box;padding:10px}