UNPKG

yanzhen-design-vue

Version:

1 lines 18.6 kB
@import "@wangeditor/editor/dist/css/style.css";:root{--yz-color-primary-rgb:64,158,255;--yz-color-success-rgb:103,194,58;--yz-color-warning-rgb:230,162,60;--yz-color-danger-rgb:245,108,108;--yz-color-error-rgb:245,108,108;--yz-color-info-rgb:144,147,153;--yz-font-size-extra-large:20px;--yz-font-size-large:18px;--yz-font-size-medium:16px;--yz-font-size-base:14px;--yz-font-size-small:13px;--yz-font-size-extra-small:12px;--yz-font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,"PingFang SC","Hiragino Sans GB","Microsoft Yahei",STHeiti,SimSun,sans-serif;--yz-font-weight-extra-lighter:200;--yz-font-weight-lighter:300;--yz-font-weight-normal:normal;--yz-font-weight-medium:500;--yz-font-weight-semi-bold:600;--yz-font-weight-bold:700;--yz-font-weight-primary:500;--yz-font-line-height-primary:24px;--yz-index-normal:1;--yz-index-top:1000;--yz-index-popper:2000;--yz-border-radius-base:4px;--yz-border-radius-small:2px;--yz-border-radius-round:20px;--yz-border-radius-circle:100%;--yz-transition-duration:0.3s;--yz-transition-duration-fast:0.2s;--yz-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--yz-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--yz-transition-all:all var(--yz-transition-duration) var(--yz-transition-function-ease-in-out-bezier);--yz-transition-fade:opacity var(--yz-transition-duration) var(--yz-transition-function-fast-bezier);--yz-transition-md-fade:transform var(--yz-transition-duration) var(--yz-transition-function-fast-bezier),opacity var(--yz-transition-duration) var(--yz-transition-function-fast-bezier);--yz-transition-fade-linear:opacity var(--yz-transition-duration-fast) linear;--yz-transition-border:border-color var(--yz-transition-duration-fast) var(--yz-transition-function-ease-in-out-bezier);--yz-transition-box-shadow:box-shadow var(--yz-transition-duration-fast) var(--yz-transition-function-ease-in-out-bezier);--yz-transition-color:color var(--yz-transition-duration-fast) var(--yz-transition-function-ease-in-out-bezier);--yz-component-size-large:40px;--yz-component-size:32px;--yz-component-size-small:24px;color-scheme:light;--yz-color-white:#fff;--yz-color-black:#262626;--yz-color-primary:#409eff;--yz-color-primary-light-3:rgb(121.3,187.1,255);--yz-color-primary-light-5:rgb(159.5,206.5,255);--yz-color-primary-light-7:rgb(197.7,225.9,255);--yz-color-primary-light-8:rgb(216.8,235.6,255);--yz-color-primary-light-9:rgb(235.9,245.3,255);--yz-color-primary-dark-2:rgb(58.8,134,211.6);--yz-color-success:#67c23a;--yz-color-success-light-3:rgb(148.6,212.3,117.1);--yz-color-success-light-5:rgb(179,224.5,156.5);--yz-color-success-light-7:rgb(209.4,236.7,195.9);--yz-color-success-light-8:rgb(224.6,242.8,215.6);--yz-color-success-light-9:rgb(239.8,248.9,235.3);--yz-color-success-dark-2:rgb(90,162.8,54);--yz-color-warning:#e6a23c;--yz-color-warning-light-3:rgb(237.5,189.9,118.5);--yz-color-warning-light-5:rgb(242.5,208.5,157.5);--yz-color-warning-light-7:rgb(247.5,227.1,196.5);--yz-color-warning-light-8:rgb(250,236.4,216);--yz-color-warning-light-9:rgb(252.5,245.7,235.5);--yz-color-warning-dark-2:rgb(191.6,137.2,55.6);--yz-color-danger:#f56c6c;--yz-color-danger-light-3:rgb(248,152.1,152.1);--yz-color-danger-light-5:rgb(250,181.5,181.5);--yz-color-danger-light-7:rgb(252,210.9,210.9);--yz-color-danger-light-8:rgb(253,225.6,225.6);--yz-color-danger-light-9:rgb(254,240.3,240.3);--yz-color-danger-dark-2:rgb(203.6,94,94);--yz-color-error:#f56c6c;--yz-color-error-light-3:rgb(248,152.1,152.1);--yz-color-error-light-5:rgb(250,181.5,181.5);--yz-color-error-light-7:rgb(252,210.9,210.9);--yz-color-error-light-8:rgb(253,225.6,225.6);--yz-color-error-light-9:rgb(254,240.3,240.3);--yz-color-error-dark-2:rgb(203.6,94,94);--yz-color-info:#909399;--yz-color-info-light-3:rgb(177.3,179.4,183.6);--yz-color-info-light-5:rgb(199.5,201,204);--yz-color-info-light-7:rgb(221.7,222.6,224.4);--yz-color-info-light-8:rgb(232.8,233.4,234.6);--yz-color-info-light-9:rgb(243.9,244.2,244.8);--yz-color-info-dark-2:rgb(122.8,125.2,130);--yz-bg-color:#fff;--yz-bg-color-page:#f2f3f5;--yz-bg-color-overlay:#fff;--yz-text-color-primary:#303133;--yz-text-color-regular:#606266;--yz-text-color-secondary:#909399;--yz-text-color-placeholder:#a8abb2;--yz-text-color-disabled:#c0c4cc;--yz-border-color:#dcdfe6;--yz-border-color-light:#e4e7ed;--yz-border-color-lighter:#ebeef5;--yz-border-color-extra-light:#f2f6fc;--yz-border-color-dark:#d4d7de;--yz-border-color-darker:#cdd0d6;--yz-fill-color:#f0f2f5;--yz-fill-color-light:#f5f7fa;--yz-fill-color-lighter:#fafafa;--yz-fill-color-extra-light:#fafcff;--yz-fill-color-dark:#ebedf0;--yz-fill-color-darker:#e6e8eb;--yz-fill-color-blank:#fff;--yz-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--yz-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--yz-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--yz-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--yz-disabled-bg-color:var(--yz-fill-color-light);--yz-disabled-text-color:var(--yz-text-color-placeholder);--yz-disabled-border-color:var(--yz-border-color-light);--yz-overlay-color:rgba(0,0,0,0.8);--yz-overlay-color-light:rgba(0,0,0,0.7);--yz-overlay-color-lighter:rgba(0,0,0,0.5);--yz-mask-color:rgba(255,255,255,0.9);--yz-mask-color-extra-light:rgba(255,255,255,0.3);--yz-border-width:1px;--yz-border-style:solid;--yz-border-color-hover:var(--yz-text-color-disabled);--yz-border:var(--yz-border-width) var(--yz-border-style) var(--yz-border-color);--yz-svg-monochrome-grey:var(--yz-border-color)}.yz-contacts{position:relative;--yz-contacts-padding:16px;--yz-contacts-divider:var(--yz-border-width) var(--yz-border-style) var(--yz-border-color);--yz-contacts-height:min(550px,80vh);flex-wrap:nowrap}.yz-contacts>.ant-col{display:flex;flex-direction:column;height:var(--yz-contacts-height);overflow:hidden;position:relative}.yz-contacts__right-item{cursor:pointer}.yz-contacts__list-header{padding:var(--yz-contacts-padding) var(--yz-contacts-padding) 0}.yz-contacts__list-header .ant-tabs-nav{margin-bottom:8px}.yz-contacts__list-main{flex:1;overflow:hidden}.yz-contacts__right{border-left:var(--yz-contacts-divider)}.yz-contacts__delete-icon{cursor:pointer}.yz-contacts-item{box-sizing:border-box;display:flex;justify-items:center;overflow:hidden;padding:10px 16px;width:100%}.yz-contacts-item__avatar{margin-right:8px}.yz-contacts-item__content{flex:1;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yz-contacts-item__label{color:var(--yz-color-black);font-weight:var(--yz-font-weight-bold)}.yz-contacts-item__tags{color:var(--yz-color-info);margin-left:8px}.yz-contacts-item__suffix{align-items:center;color:var(--yz-color-info);display:flex;justify-content:flex-end;width:25px}.yz-contacts-list .is-list-header{padding-bottom:8px;padding-left:var(--yz-contacts-padding);padding-right:var(--yz-contacts-padding)}.yz-contacts-list.is-tree-list .ant-tree-checkbox+span:hover,.yz-contacts-list.is-tree-list .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,.04)}.yz-contacts-list .is-tree-list .ant-tree-treenode{padding-left:var(--yz-contacts-padding);padding-right:var(--yz-contacts-padding)}.yz-contacts-list .is-tree-list .ant-tree-treenode:not(.is-card) .ant-tree-node-content-wrapper{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.yz-contacts-list .is-tree-list .ant-tree-treenode>.ant-tree-checkbox{display:none}.yz-contacts-list .is-tree-list .ant-tree-title .is-tree-selected-icon{color:var(--yz-color-info);position:absolute;right:4px;top:50%;transform:translateY(-50%)}.yz-contacts-list .is-item-hover{cursor:pointer}.yz-contacts-list .is-item-hover:hover{background-color:rgba(0,0,0,.04)}.yz-contacts-list .is-item-hover.is-disabled{cursor:not-allowed}.yz-contacts-group{height:100%;overflow:hidden;padding-top:var(--yz-contacts-padding);width:100%}.yz-contacts-group__collapse{background:transparent;width:100%}.yz-contacts-group__collapse .ant-collapse-item{border:none}.yz-contacts-group__main{overflow:hidden auto;position:relative}.yz-contacts-group__main-loading{pointer-events:none;top:50px;z-index:10}.yz-contacts-group__main-empty,.yz-contacts-group__main-loading{font-size:14px;left:0;padding-left:var(--yz-contacts-padding);padding-right:var(--yz-contacts-padding);position:absolute;right:0;text-align:center}.yz-contacts-group__main-empty{color:#8c8c8c;top:100px;z-index:9}.yz-contacts-group__selected-title{box-sizing:border-box;font-size:var(--yz-font-size-base);font-weight:var(--yz-font-weight-semi-bold);line-height:30px;padding-left:var(--yz-contacts-padding);padding-right:var(--yz-contacts-padding);width:100%}.yz-contacts-group .ant-collapse>.ant-collapse-item>.ant-collapse-content,.yz-contacts-group .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:0 var(--yz-contacts-padding)}.yz-contacts-group .ant-collapse>.ant-collapse-item .ant-collapse-content-box{padding:0}.yz-contacts-group .is-item-hover{cursor:pointer}.yz-contacts-group .is-item-hover:hover{background-color:rgba(0,0,0,.04)}.yz-contacts-group .is-item-hover.is-disabled{cursor:not-allowed}.yz-contacts-group__delete{cursor:pointer}.yz-contacts-select{display:inline-block;width:100%;--yz-contacts-padding:16px;--yz-contacts-divider:var(--yz-border-width) var(--yz-border-style) var(--yz-border-color);--yz-contacts-height:min(550px,80vh);--yz-contacts-select-header-height:60px;--yz-contacts-select-footer-height:60px;--yz-contacts-select-padding:20px;--yz-contacts-select-divider:var(--yz-contacts-divider)}.yz-contacts-select__modal{max-height:90vh;width:min(875px,100%)}.yz-contacts-select__modal .ant-modal-content{padding:0}.yz-contacts-select__modal .ant-modal-header{align-items:center;border-bottom:var(--yz-contacts-select-divider);display:flex;height:var(--yz-contacts-select-header-height);margin-bottom:0;padding:0 var(--yz-contacts-select-padding)}.yz-contacts-select__modal .ant-modal-footer{align-items:center;border-top:var(--yz-contacts-select-divider);display:flex;height:var(--yz-contacts-select-footer-height);justify-content:end;margin-top:0;padding:0 var(--yz-contacts-select-padding)}.yz-contacts-select__modal .ant-modal-title{font-size:var(--yz-font-size-medium);font-weight:var(--yz-font-weight-semi-bold)}.yz-contacts-select__modal .ant-modal-body{min-height:100px;position:relative}.yz-contacts-select__all-select{bottom:calc(var(--yz-contacts-select-footer-height)/2*-1);left:var(--yz-contacts-select-padding);line-height:1;position:absolute;transform:translateY(50%);z-index:10}.yz-contacts-select__input-wrap{cursor:pointer;position:relative;width:100%}.yz-contacts-select__input-wrap.is-input{background:#fff;border:1px solid var(--yz-border-color);border-radius:6px;line-height:32px;min-height:32px;overflow:hidden}.yz-contacts-select__input-wrap.is-input:hover{border-color:var(--yz-color-primary)}.yz-contacts-select__input-wrap.is-input .ant-input{border:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yz-contacts-select__input-wrap.is-input .is-select-wrap{font-size:12px;max-height:90px;overflow:hidden auto;padding:4px 32px 4px 11px;position:relative}.yz-contacts-select__input-wrap.is-input .is-select-wrap .ant-flex{flex-wrap:wrap}.yz-contacts-select__input-wrap.is-input .is-select-tag{background-color:#fafafa;color:rgba(0,0,0,.65);cursor:default;font-size:12px;height:24px;line-height:24px;margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yz-contacts-select__input-wrap.is-input .is-select-tag.is-no-multiple{background:transparent;margin:0;padding:0}.yz-contacts-select__input-wrap.is-input .is-select-tag img.is-select-tag-primary-icon{height:16px;width:16px}.yz-contacts-select__input-wrap.is-input .is-select-close{background:#fff;color:rgba(0,0,0,.25);cursor:pointer;display:inline-block;font-size:12px;font-style:normal;height:12px;line-height:12px;margin-top:-6px;opacity:0;position:absolute;right:11px;text-align:center;text-rendering:auto;text-transform:none;top:50%;transition:color .3s ease,opacity .15s ease;width:12px;z-index:1}.yz-contacts-select__input-wrap.is-input:hover .is-select-close{opacity:1}.yz-contacts-select__input-wrap.is-input:hover .is-select-close:hover{color:rgba(0,0,0,.75)}.yz-divider .ant-divider{border-color:#eaecf1;margin:0}.yz-divider .ant-divider.is-bold{border-width:3px}.yz-divider__title{color:#323233;font-size:14px;font-weight:500;line-height:40px;padding-left:11px;position:relative}.yz-divider__title.is-bold{font-weight:700}.yz-divider__title:before{background:var(--yz-color-primary);border-radius:3px;content:"";height:10px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.yz-form-provider.ant-form-vertical .ant-form-item .ant-form-item-control{flex:initial}.yz-form-provider.ant-form-vertical .ant-form-item .ant-form-item-label,.yz-form-provider.ant-form-vertical .ant-form-item .ant-form-item-label label{width:100%}.yz-form-provider .yz-rich-text-editor{min-height:500px}.yz-form-provider .is-read-only{pointer-events:none}.smart-design-component-warp{display:inline-flex;margin:0;padding:0;vertical-align:middle}.smart-design-component-warp .smart-design-image-warp{cursor:context-menu}.smart-design-component-warp .smart-design-image-warp .small{font-size:12px;height:28px;line-height:28px;width:28px}.smart-design-component-warp .smart-design-image-warp .middle{font-size:18px;height:42px;line-height:42px;width:42px}.smart-design-component-warp .smart-design-image-warp .large{font-size:28px;height:64px;line-height:64px;width:64px}.smart-design-component-warp .smart-design-image-warp .image-small{height:100px;width:180px}.smart-design-component-warp .smart-design-image-warp .image-middle{border:1px solid #ecedf1;border-radius:3.55px;height:160px;margin:0 24px 24px 0;width:160px}.smart-design-component-warp .smart-design-image-warp .is-round{border-radius:50%}.smart-design-component-warp .smart-design-image-warp .smart-design-name{background-color:orange;color:#fff;font-weight:bold;text-align:center}.smart-design-component-warp .smart-design-image-warp .img-table-list{color:#333746;font-family:PingFangSC-Regular,sans-serif;font-size:14px;font-weight:400;padding-left:4px}.smart-design-component-warp .smart-design-image-warp .img-num{color:#3058ee}.smart-design-component-warp .smart-design-image-warp .scale-down{-o-object-fit:scale-down;object-fit:scale-down}.smart-design-component-warp .smart-design-image-warp .show-pointer{cursor:pointer}.smart-design-component-warp .smart-design-text-warp{overflow:hidden;text-align:center;text-overflow:ellipsis}.smart-design-component-warp .smart-design-text-warp .small{font-size:12px}.smart-design-component-warp .smart-design-text-warp:after{content:"";display:inline-block;height:100%;vertical-align:middle}.smart-design-component-warp .smart-design-text-warp>span{vertical-align:middle;word-break:keep-all}.yz-input-number{width:100%}.yz-input-number__input-wrapper{display:flex;width:100%}.yz-input-number__input-money{border:none;width:100%}.yz-input-number__input{flex:1}.yz-input-number__progress-preview{width:65%}.yz-input-number__input-preview{width:35%}.yz-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.yz-list__main{flex:1;overflow:hidden;position:relative}.yz-list__loading{left:0;position:absolute;right:0}.yz-list__scroll{box-sizing:border-box;height:100%;overflow:hidden auto;padding:0}.yz-radio__tag span.ant-radio{display:none}.yz-radio__tag span.ant-tag{display:block;margin-right:0;width:100%}.yz-radio__tag span.ant-tag:not(.ant-tag-checkable-checked){border-color:var(--yz-border-color)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}li{list-style-type:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{color:var(--yz-text-color-primary);font-family:var(--yz-font-family),serif;font-size:var(--yz-font-size-base);font-weight:var(--yz-font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--yz-color-primary);text-decoration:none}a:focus,a:hover{color:var(--yz-color-primary-light-3)}a:active{color:var(--yz-color-primary-dark-2)}h1{font-size:calc(var(--yz-font-size-base) + 6px)}h2{font-size:calc(var(--yz-font-size-base) + 4px)}h3{font-size:calc(var(--yz-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}h1,h2,h3,h4,h5,h6{color:var(--yz-text-color-regular);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sub,sup{font-size:calc(var(--yz-font-size-base) - 1px)}small{font-size:calc(var(--yz-font-size-base) - 2px)}hr{border:0;border-top:1px solid var(--yz-border-color-lighter);margin-bottom:20px;margin-top:20px}.yz-rich-text{border:1px solid var(--yz-border-color)}.yz-rich-text-toolbar{border-bottom:1px solid var(--yz-border-color)}.yz-rich-text-toolbar .w-e-toolbar{box-sizing:border-box;padding:4px}.yz-rich-text-toolbar .w-e-toolbar .w-e-bar-divider,.yz-rich-text-toolbar .w-e-toolbar .w-e-bar-item{box-sizing:border-box;height:30px}.yz-rich-text-toolbar .w-e-toolbar .w-e-bar-item-group .w-e-bar-item-menus-container{box-sizing:border-box;margin-top:32px;padding-left:0;padding-right:0;z-index:10}.yz-rich-text-toolbar .w-e-toolbar .w-e-bar-item-group .w-e-bar-item-menus-container .w-e-bar-item{box-sizing:border-box;padding:0;width:100%}.yz-rich-text-toolbar .w-e-toolbar .w-e-bar-item-group .w-e-bar-item-menus-container .w-e-bar-item>button{padding:0 12px;width:100%}.yz-rich-text-preview-tooltip-title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;cursor:pointer;-webkit-box-orient:vertical}.yz-spin-wrapper{inset:0;position:absolute;z-index:5000}.yz-spin-wrapper .ant-spin-container{height:100%}