2 lines
14 KiB
CSS
2 lines
14 KiB
CSS
@font-face{font-family:iconfont;src:url(/fonts/design/iconfont.woff) format("woff"),url(/fonts/design/iconfont.ttf) format("truetype")}body.page-design{background-color:#fff;font-size:14px;height:100vh;margin:0;overflow:hidden;padding:0}body.page-design .iconfont{-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}body.page-design [class*=" el-icon-"],body.page-design [class^=el-icon-]{font-weight:600}body.page-design .el-tabs__header{margin-bottom:0}body.page-design .tag{color:#777;font-size:12px;margin:8px 0}body.page-design .icon-rank{cursor:move}body.page-design .design-box{display:flex;height:100vh}body.page-design .design-box .design-head{align-items:center;display:flex;justify-content:space-between}body.page-design .design-box .design-head>div{align-items:center;background-color:#0072ff;border-right:1px solid #5692ff;color:#fff;cursor:pointer;display:flex;flex:1;font-size:.8rem;height:40px;justify-content:center;text-align:center;transition:all .2s ease-in-out}body.page-design .design-box .design-head>div:last-of-type{border-right:none}body.page-design .design-box .design-head>div i{margin-right:7px}body.page-design .design-box .design-head>div:hover{background-color:#005bcc}body.page-design .design-box .sidebar-edit-wrap{background-color:#fff;border-right:1px solid #eee;width:300px}body.page-design .design-box .sidebar-edit-wrap .module-edit{height:100%;overflow-y:auto;padding:0 10px 14px}body.page-design .design-box .sidebar-edit-wrap .module-edit .module-editor-row{background-color:#f5f5f5;color:#212121;font-size:16px;height:47px;line-height:47px;margin:0 -14px 14px;padding:0 20px}body.page-design .design-box .sidebar-edit-wrap .module-edit .module-edit-group{margin-bottom:20px}body.page-design .design-box .sidebar-edit-wrap .module-edit .module-edit-group:last-of-type{border-bottom:none}body.page-design .design-box .sidebar-edit-wrap .module-edit .module-edit-group .module-edit-title{display:flex;justify-content:space-between;margin-bottom:10px;padding-left:6px;position:relative}body.page-design .design-box .sidebar-edit-wrap .module-edit .module-edit-group .module-edit-title:before{background:#0072ff;content:"";height:14px;left:0;position:absolute;top:3px;width:2px}body.page-design .design-box .sidebar-edit-wrap .modules-list{background:#e6e9ec;height:100%;overflow-y:auto;padding:0 3px 30px}body.page-design .design-box .sidebar-edit-wrap .module-list{cursor:pointer;padding:4px;text-align:center}body.page-design .design-box .sidebar-edit-wrap .module-list .module-info{background:#fff;color:#556068;transition:all .25s ease-in-out}body.page-design .design-box .sidebar-edit-wrap .module-list .module-info:hover{box-shadow:0 6px 23px rgba(0,0,0,.2);color:#0072ff}body.page-design .design-box .sidebar-edit-wrap .module-list .icon{align-items:center;display:flex;height:36px;justify-content:center;padding:12px 0 7px}body.page-design .design-box .sidebar-edit-wrap .module-list .icon .img-icon{height:36px;width:36px}body.page-design .design-box .sidebar-edit-wrap .module-list .icon .img-icon img{max-height:auto;max-width:100%}body.page-design .design-box .sidebar-edit-wrap .module-list .icon i{font-size:26px}body.page-design .design-box .sidebar-edit-wrap .module-list .name{font-size:12px;height:27px;overflow:hidden}body.page-design .design-box .preview-iframe{flex:1}body.page-design .pb-images-selector{border:1px solid #eee;border-radius:2px;margin-bottom:10px}body.page-design .pb-images-selector:hover{border-color:#ddd}body.page-design .pb-images-selector:hover .selector-head{background:#eee}body.page-design .pb-images-selector .pb-images-selector-add{margin-top:16px;padding:10px 20px;width:100%}body.page-design .pb-images-selector .selector-head{align-items:center;background-color:#f5f5f5;cursor:pointer;display:flex;justify-content:space-between;padding:4px 10px}body.page-design .pb-images-selector .selector-head>div.left{align-items:center;display:flex}body.page-design .pb-images-selector .selector-head>div.left i{margin-right:10px}body.page-design .pb-images-selector .selector-head>div.left img{width:24px}body.page-design .pb-images-selector .selector-head>div.right{align-items:center;display:flex}body.page-design .pb-images-selector .selector-head>div.right i{color:#999;font-size:20px}body.page-design .pb-images-selector .selector-head>div.right .remove-item{margin-right:8px;padding-right:8px;position:relative}body.page-design .pb-images-selector .selector-head>div.right .remove-item:after{border-right:1px solid #ccc;content:"";height:60%;position:absolute;right:1px;top:20%}body.page-design .pb-images-selector .selector-head>div.right .remove-item i{font-size:15px}body.page-design .pb-images-selector .pb-images-list{display:none;padding:7px 7px 8px;position:relative}body.page-design .pb-images-selector .pb-images-list.active{display:block}body.page-design .pb-images-selector .pb-images-list .remove-item{background:#ffc8c8;color:#c70000;cursor:pointer;height:20px;line-height:20px;margin-top:20px;padding:5px 10px;text-align:center;z-index:9}body.page-design .pb-images-selector .pb-images-list .remove-item i{font-size:14px}body.page-design .pb-images-selector .pb-images-list .pb-image-selector{cursor:pointer;min-height:50px;min-width:50px}body.page-design .pb-images-selector .pb-images-list .pb-images-btns button{margin-left:0!important;padding:9px 10px}body.page-design .pb-images-selector .pb-images-list .el-input-group__prepend{padding:0 10px}body.page-design .module-editor-tab-product-template .tab-info{background:#f2f2f2;border-radius:6px;margin-top:10px;padding:10px}body.page-design .module-editor-tab-product-template .manufacturer-list>div{background:#f4f4f4;border:1px solid #f4f4f4;border-radius:6px;margin-bottom:10px;padding:5px 5px 8px;position:relative}body.page-design .module-editor-tab-product-template .manufacturer-list>div:hover .remove-btn{display:block}body.page-design .module-editor-tab-product-template .manufacturer-list>div .remove-btn{background:red;border-radius:0 0 0 4px;color:#fff;cursor:pointer;display:none;padding:0 2px;position:absolute;right:0;top:0;z-index:9}body.page-design .module-editor-tab-product-template .manufacturer-list>div .remove-btn:hover{background:#c70000}body.page-design .module-editor-tab-product-template .add-category{display:flex;justify-content:flex-end}body.page-design .module-editor-tab-product-template .manufacturers .module-edit-group{margin-top:5px}body.page-design .module-editor-tab-product-template .tab-edit-category>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item{padding:0 10px!important}body.page-design .module-editor-tab-product-template .autocomplete-group-wrapper .item-group-wrapper{background:#fff}body.page-design .autocomplete-group-wrapper .inline-input{margin-bottom:10px;width:100%}body.page-design .autocomplete-group-wrapper .item-group-wrapper{background-color:#f5f5f5;border-radius:6px;min-height:230px;overflow:auto;padding:10px}body.page-design .autocomplete-group-wrapper .item-group-wrapper .item{align-items:center;background:#fff;border:1px solid #eee;cursor:move;display:flex;justify-content:space-between;margin-bottom:4px;overflow:hidden;padding:5px 8px;position:relative}body.page-design .autocomplete-group-wrapper .item-group-wrapper .item:hover{border-color:#aaa}body.page-design .autocomplete-group-wrapper .item-group-wrapper .item div{align-items:center;display:flex;line-height:1;width:calc(100% - 16px)}body.page-design .autocomplete-group-wrapper .item-group-wrapper .item div i{margin-right:4px}body.page-design .autocomplete-group-wrapper .item-group-wrapper .item span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.page-design .autocomplete-group-wrapper .item-group-wrapper .item i{color:#999;font-weight:400}body.page-design .autocomplete-group-wrapper .item-group-wrapper .item i.right{cursor:pointer}body.page-design .autocomplete-group-wrapper .item-group-wrapper .item i.right:hover{color:#222}.footer-link-item{background:#f5f5f5;margin-bottom:10px;padding:6px 10px;position:relative}.footer-link-item:hover .remove-item{display:block}.footer-link-item .icon-rank{left:10px;position:absolute;top:11px;z-index:9}.footer-link-item .link-selector-wrap>.title{padding-left:20px}.footer-link-item .remove-item{background:red;border-radius:0 0 0 4px;color:#fff;cursor:pointer;display:none;padding:0 4px;position:absolute;right:0;top:0;z-index:9}.footer-link-item .remove-item:hover{background:#c70000}.file-manager-box .layui-layer-title{background-color:#293042;border-color:#404e72;color:#fff}.file-manager-box .layui-layer-ico{background:url(/image/close.png) no-repeat;background-position:50%;background-size:cover}.link-selector-wrap>.title{font-size:12px;margin-bottom:6px;position:relative}.link-selector-wrap>.title i{color:#0072ff;margin-right:4px}.link-selector-wrap .selector-type{outline:none;position:relative}.link-selector-wrap .selector-type .title{background-color:#fff;border:1px solid #eee;border-radius:2px;cursor:pointer;font-size:12px;overflow:hidden;padding:6px 16px 6px 6px;text-overflow:ellipsis;white-space:nowrap}.link-selector-wrap .selector-type .title:hover{border-color:#ddd}.link-selector-wrap .selector-type .title:before{content:"\f282";font-family:bootstrap-icons;position:absolute;right:10px;top:8px}.link-selector-wrap .selector-type .selector-content{background-color:#fff;border-radius:2px;box-shadow:0 3px 10px rgba(0,0,0,.25);display:none;left:0;position:absolute;top:calc(100% + 2px);width:100%;z-index:999}.link-selector-wrap .selector-type .selector-content.active{display:block}.link-selector-wrap .selector-type .selector-content>div{cursor:pointer;padding:6px 10px}.link-selector-wrap .selector-type .selector-content>div:hover{background-color:#e0fcf6}.link-dialog-box .el-dialog__header{padding:0}.link-dialog-box .el-dialog__header .el-dialog__headerbtn{font-size:20px;top:14px}.link-dialog-box .el-dialog__header .el-dialog__headerbtn i{color:#fff}.link-dialog-box .el-dialog__body{padding-bottom:10px}.link-dialog-box .el-dialog__footer .el-button{min-width:80px;padding:10px 20px}.link-dialog-box .link-dialog-header{background-color:#409eff;padding:10px 20px}.link-dialog-box .link-dialog-header .title{color:#fff;font-size:16px;font-weight:700}.link-dialog-box .link-dialog-header div.input-with-select{align-items:center;display:flex;margin-top:16px}.link-dialog-box .link-dialog-header div.input-with-select input{border:none;border-radius:4px 0 0 4px;flex:1;height:34px;outline:none;padding:0 10px}.link-dialog-box .link-dialog-header div.input-with-select button{background-color:#eee;border:none;border-radius:0 4px 4px 0;color:#333;height:34px;line-height:36px;overflow:hidden;padding:0 14px}.link-dialog-box .link-dialog-content .product-search{align-items:center;background-color:#f3f4f7;display:flex;justify-content:space-between;margin:-30px -20px 10px;padding:6px 20px;text-align:left}.link-dialog-box .link-dialog-content .product-search>a{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;height:26px;line-height:26px;padding:0 10px;text-decoration:none}.link-dialog-box .link-dialog-content .product-search .el-input-group__append{background-color:#0072ff;color:#fff;margin-top:-1px}.link-dialog-box .link-dialog-content .product-info{height:340px}.link-dialog-box .link-dialog-content .product-info .product-info-title{background-color:#dee1e9;color:#30344f;display:flex;font-size:14px;justify-content:space-between;padding:6px 20px 6px 38px;text-align:left}.link-dialog-box .link-dialog-content .product-info .product-list{height:314px;list-style:none;margin-bottom:0;margin-top:4px;overflow-y:auto;padding-left:0}.link-dialog-box .link-dialog-content .product-info .product-list.static{height:340px}.link-dialog-box .link-dialog-content .product-info .product-list li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:5px 10px}.link-dialog-box .link-dialog-content .product-info .product-list li:not(.no-status){cursor:pointer}.link-dialog-box .link-dialog-content .product-info .product-list li:not(.no-status):hover{background-color:#e0fcf6}.link-dialog-box .link-dialog-content .product-info .product-list li .left{align-items:center;display:flex;flex:1;margin-right:20px}.link-dialog-box .link-dialog-content .product-info .product-list li .left .checkbox-plus{align-items:center;border:1px solid #ddd;border-radius:50%;display:flex;flex:0 0 14px;height:14px;justify-content:center;margin-right:12px;position:relative}.link-dialog-box .link-dialog-content .product-info .product-list li .left .checkbox-plus:not(.no-status){cursor:pointer}.link-dialog-box .link-dialog-content .product-info .product-list li .left .checkbox-plus:before{background-color:#0072ff;border-radius:50%;content:"";display:none;height:10px;width:10px}.link-dialog-box .link-dialog-content .product-info .product-list li .left .checkbox-plus.active{border-color:#0072ff;box-shadow:0 0 4px #0072ff}.link-dialog-box .link-dialog-content .product-info .product-list li .left .checkbox-plus.active:before{display:block}.link-dialog-box .link-dialog-content .product-info .product-list li .left .checkbox-plus.no-status{background-color:#ddd}.link-dialog-box .link-dialog-content .product-info .product-list li .left>div{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.link-dialog-box .link-dialog-content .product-info .product-list li .right{background-color:#fff;border:1px solid #ddd;border-radius:2px;color:#aaa;font-size:12px;padding:2px 6px}.link-dialog-box .link-dialog-content .product-info .product-list li .right.ok{border-color:#b7eb8f;color:#52c41a}.link-dialog-box .link-dialog-content .product-info .product-list li img{margin-right:10px;width:46px}.link-dialog-box .link-dialog-content .product-info-no{font-size:14px;text-align:center}.link-dialog-box .link-dialog-content .product-info-no>div{display:block}.link-dialog-box .link-dialog-content .product-info-no .icon{margin:50px 0 20px}.link-dialog-box .link-dialog-content .product-info-no .icon i{color:#8c8c8c;font-size:100px}.link-dialog-box .link-dialog-content .product-info-no .no-text{font-size:16px}.link-dialog-box .link-dialog-content .product-info-no a{color:#0072ff;text-decoration:underline}.link-dialog-box .el-dialog__footer{background-color:#f6f6f6;padding:10px 20px}
|