cur-ui-plus/dist/es/style.css

this is a Vue3 components library

@charset "UTF-8";:root{--cur-color-primary:#409eff;--cur-color-primary-light-3: #79bbff;--cur-color-primary-light-5: #a0cfff;--cur-color-primary-light-7: #c6e2ff;--cur-color-primary-light-9: #ecf5ff;--cur-color-primary-light-8: #d9ecff;--cur-color-primary-dark-2: #337ecc;--cur-color-success:#67c23a;--cur-color-success-light-3: #95d475;--cur-color-success-light-5: #b3e19d;--cur-color-success-light-7: #d1edc4;--cur-color-success-light-9: #f0f9eb;--cur-color-success-light-8: #e1f3d8;--cur-color-success-dark-2: #529b2e;--cur-color-warning:#e6a23c;--cur-color-warning-light-3: #eebe77;--cur-color-warning-light-5: #f3d19e;--cur-color-warning-light-7: #f8e3c5;--cur-color-warning-light-9: #fdf6ec;--cur-color-warning-light-8: #faecd8;--cur-color-warning-dark-2: #b88230;--cur-color-danger:#f56c6c;--cur-color-danger-light-3: #f89898;--cur-color-danger-light-5: #fab6b6;--cur-color-danger-light-7: #fcd3d3;--cur-color-danger-light-9: #fef0f0;--cur-color-danger-light-8: #fde2e2;--cur-color-danger-dark-2: #c45656;--cur-color-info:#909399;--cur-color-info-light-3: #b1b3b8;--cur-color-info-light-5: #c8c9cc;--cur-color-info-light-7: #dedfe0;--cur-color-info-light-9: #f4f4f5;--cur-color-info-light-8: #e9e9eb;--cur-color-info-dark-2: #73767a;--cur-color-white: #fff;--cur-color-black: #000;--cur-bg-color: #ffffff;--cur-bg-color-page: #f2f3f5;--cur-bg-color-overlay: #ffffff;--cur-text-color-primary: #303133;--cur-text-color-regular: #606266;--cur-text-color-secondary: #909399;--cur-text-color-placeholder: #a8abb2;--cur-text-color-disabled: #c0c4cc;--cur-border-color: #dcdfe6;--cur-border-color-light: #e4e7ed;--cur-border-color-lighter: #ebeef5;--cur-border-color-extra-light: #f2f6fc;--cur-border-color-dark: #d4d7de;--cur-border-color-darker: #cdd0d6;--cur-fill-color: #f0f2f5;--cur-fill-color-light: #f5f7fa;--cur-fill-color-lighter: #fafafa;--cur-fill-color-extra-light: #fafcff;--cur-fill-color-dark: #ebedf0;--cur-fill-color-darker: #e6e8eb;--cur-fill-color-blank: #ffffff;--cur-border-width: 1px;--cur-border-style: solid;--cur-border-color-hover: var(--cur-text-color-disabled);--cur-border: var(--cur-border-width) var(--cur-border-style) var(--cur-border-color);--cur-border-radius-base: 4px;--cur-border-radius-small: 2px;--cur-border-radius-round: 20px;--cur-border-radius-circle: 100%;--cur-font-size-extra-large: 20px;--cur-font-size-large: 18px;--cur-font-size-medium: 16px;--cur-font-size-base: 14px;--cur-font-size-small: 13px;--cur-font-size-extra-small: 12px;--cur-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--cur-font-weight-primary: 500;--cur-disabled-bg-color: var(--cur-fill-color-light);--cur-disabled-text-color: var(--cur-text-color-placeholder);--cur-disabled-border-color: var(--cur-border-color-light);--cur-transition-duration: .3s;--cur-transition-duration-fast: .2s}body{font-family:var(--cur-font-family);font-weight:400;font-size:var(--cur-font-size-base);color:var(--cur-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--cur-color-primary);text-decoration:none}a:hover,a:focus{color:var(--cur-color-primary-light-3)}a:active{color:var(--cur-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--cur-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}h1{font-size:calc(var(--cur-font-size-base) + 6px)}h2{font-size:calc(var(--cur-font-size-base) + 4px)}h3{font-size:calc(var(--cur-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sup,sub{font-size:calc(var(--cur-font-size-base) - 1px)}small{font-size:calc(var(--cur-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--cur-border-color-lighter)}.cur-icon{--cur-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--cur-icon-color);font-size:inherit}.cur-icon--primary{--cur-icon-color: var(--cur-color-primary)}.cur-icon--info{--cur-icon-color: var(--cur-color-info)}.cur-icon--success{--cur-icon-color: var(--cur-color-success)}.cur-icon--warning{--cur-icon-color: var(--cur-color-warning)}.cur-icon--danger{--cur-icon-color: var(--cur-color-danger)}.cur-button{--cur-button-font-weight: var(--cur-font-weight-primary);--cur-button-border-color: var(--cur-border-color);--cur-button-bg-color: var(--cur-fill-color-blank);--cur-button-text-color: var(--cur-text-color-regular);--cur-button-disabled-text-color: var(--cur-disabled-text-color);--cur-button-disabled-bg-color: var(--cur-fill-color-blank);--cur-button-disabled-border-color: var(--cur-border-color-light);--cur-button-hover-text-color: var(--cur-color-primary);--cur-button-hover-bg-color: var(--cur-color-primary-light-9);--cur-button-hover-border-color: var(--cur-color-primary-light-7);--cur-button-active-text-color: var(--cur-button-hover-text-color);--cur-button-active-border-color: var(--cur-color-primary);--cur-button-active-bg-color: var(--cur-button-hover-bg-color);--cur-button-outline-color: var(--cur-color-primary-light-5);--cur-button-active-color: var(--cur-text-color-primary)}.cur-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;height:40px;background-color:var(--cur-button-bg-color);border:var(--cur-border);border-color:var(--cur-button-border-color);color:var(--cur-button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:var(--cur-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;padding:12px 20px;font-size:var(--cur-font-size-base);border-radius:var(--cur-border-radius-base)}.cur-button:hover,.cur-button:focus{color:var(--cur-button-hover-text-color);border-color:var(--cur-button-hover-border-color);background-color:var(--cur-button-hover-bg-color);outline:none}.cur-button:active{color:var(--cur-button-active-text-color);border-color:var(--cur-button-active-border-color);background-color:var(--cur-button-active-bg-color);outline:none}.cur-button.is-round{border-radius:var(--cur-border-radius-round)}.cur-button.is-circle{width:45px;height:45px;border-radius:50%;padding:12px;display:flex;justify-content:center;align-items:center}.cur-button.is-disabled,.cur-button.is-disabled:hover,.cur-button.is-disabled:focus,.cur-button[disabled],.cur-button[disabled]:hover,.cur-button[disabled]:focus{color:var(--cur-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--cur-button-disabled-bg-color);border-color:var(--cur-button-disabled-border-color)}.cur-button [class*=cur-icon]+span{margin-left:6px;position:relative;bottom:2px}.cur-button--primary{--cur-button-text-color: var(--cur-color-white);--cur-button-bg-color: var(--cur-color-primary);--cur-button-border-color: var(--cur-color-primary);--cur-button-outline-color: var(--cur-color-primary-light-5);--cur-button-active-color: var(--cur-color-primary-dark-2);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-primary-light-3);--cur-button-hover-border-color: var(--cur-color-primary-light-3);--cur-button-active-bg-color: var(--cur-color-primary-dark-2);--cur-button-active-border-color: var(--cur-color-primary-dark-2);--cur-button-disabled-text-color: var(--cur-color-white);--cur-button-disabled-bg-color: var(--cur-color-primary-light-5);--cur-button-disabled-border-color: var(--cur-color-primary-light-5)}.cur-button--primary.is-plain{--cur-button-text-color: var(--cur-color-primary);--cur-button-bg-color: var(--cur-color-primary-light-9);--cur-button-border-color: var(--cur-color-primary-light-5);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-primary);--cur-button-hover-border-color: var(--cur-color-primary);--cur-button-active-text-color: var(--cur-color-white)}.cur-button--success{--cur-button-text-color: var(--cur-color-white);--cur-button-bg-color: var(--cur-color-success);--cur-button-border-color: var(--cur-color-success);--cur-button-outline-color: var(--cur-color-success-light-5);--cur-button-active-color: var(--cur-color-success-dark-2);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-success-light-3);--cur-button-hover-border-color: var(--cur-color-success-light-3);--cur-button-active-bg-color: var(--cur-color-success-dark-2);--cur-button-active-border-color: var(--cur-color-success-dark-2);--cur-button-disabled-text-color: var(--cur-color-white);--cur-button-disabled-bg-color: var(--cur-color-success-light-5);--cur-button-disabled-border-color: var(--cur-color-success-light-5)}.cur-button--success.is-plain{--cur-button-text-color: var(--cur-color-success);--cur-button-bg-color: var(--cur-color-success-light-9);--cur-button-border-color: var(--cur-color-success-light-5);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-success);--cur-button-hover-border-color: var(--cur-color-success);--cur-button-active-text-color: var(--cur-color-white)}.cur-button--warning{--cur-button-text-color: var(--cur-color-white);--cur-button-bg-color: var(--cur-color-warning);--cur-button-border-color: var(--cur-color-warning);--cur-button-outline-color: var(--cur-color-warning-light-5);--cur-button-active-color: var(--cur-color-warning-dark-2);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-warning-light-3);--cur-button-hover-border-color: var(--cur-color-warning-light-3);--cur-button-active-bg-color: var(--cur-color-warning-dark-2);--cur-button-active-border-color: var(--cur-color-warning-dark-2);--cur-button-disabled-text-color: var(--cur-color-white);--cur-button-disabled-bg-color: var(--cur-color-warning-light-5);--cur-button-disabled-border-color: var(--cur-color-warning-light-5)}.cur-button--warning.is-plain{--cur-button-text-color: var(--cur-color-warning);--cur-button-bg-color: var(--cur-color-warning-light-9);--cur-button-border-color: var(--cur-color-warning-light-5);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-warning);--cur-button-hover-border-color: var(--cur-color-warning);--cur-button-active-text-color: var(--cur-color-white)}.cur-button--info{--cur-button-text-color: var(--cur-color-white);--cur-button-bg-color: var(--cur-color-info);--cur-button-border-color: var(--cur-color-info);--cur-button-outline-color: var(--cur-color-info-light-5);--cur-button-active-color: var(--cur-color-info-dark-2);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-info-light-3);--cur-button-hover-border-color: var(--cur-color-info-light-3);--cur-button-active-bg-color: var(--cur-color-info-dark-2);--cur-button-active-border-color: var(--cur-color-info-dark-2);--cur-button-disabled-text-color: var(--cur-color-white);--cur-button-disabled-bg-color: var(--cur-color-info-light-5);--cur-button-disabled-border-color: var(--cur-color-info-light-5)}.cur-button--info.is-plain{--cur-button-text-color: var(--cur-color-info);--cur-button-bg-color: var(--cur-color-info-light-9);--cur-button-border-color: var(--cur-color-info-light-5);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-info);--cur-button-hover-border-color: var(--cur-color-info);--cur-button-active-text-color: var(--cur-color-white)}.cur-button--danger{--cur-button-text-color: var(--cur-color-white);--cur-button-bg-color: var(--cur-color-danger);--cur-button-border-color: var(--cur-color-danger);--cur-button-outline-color: var(--cur-color-danger-light-5);--cur-button-active-color: var(--cur-color-danger-dark-2);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-danger-light-3);--cur-button-hover-border-color: var(--cur-color-danger-light-3);--cur-button-active-bg-color: var(--cur-color-danger-dark-2);--cur-button-active-border-color: var(--cur-color-danger-dark-2);--cur-button-disabled-text-color: var(--cur-color-white);--cur-button-disabled-bg-color: var(--cur-color-danger-light-5);--cur-button-disabled-border-color: var(--cur-color-danger-light-5)}.cur-button--danger.is-plain{--cur-button-text-color: var(--cur-color-danger);--cur-button-bg-color: var(--cur-color-danger-light-9);--cur-button-border-color: var(--cur-color-danger-light-5);--cur-button-hover-text-color: var(--cur-color-white);--cur-button-hover-bg-color: var(--cur-color-danger);--cur-button-hover-border-color: var(--cur-color-danger);--cur-button-active-text-color: var(--cur-color-white)}.cur-button--large{--duyi-button-size: 50px;height:var(--cur-button-size);padding:12px 19px;font-size:var(--cur-font-size-base);border-radius:var(--cur-border-radius-base)}.cur-button--small{--cur-button-size: 24px;height:var(--cur-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--cur-border-radius-base) - 1px)}.cur-card{width:270px;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 6px 10px #5f656926;padding-bottom:8px}.cur-card-img{height:152px;margin-bottom:8px}.cur-card-img img{width:100%;height:100%}.cur-card-summary{padding:0 8px;text-align:left;font-size:14px;color:#545c63;line-height:20px;height:40px;margin-bottom:8px}.cur-card-footer{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.cur-dialog_wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;z-index:2001;background-color:#00000080}.cur-dialog_wrapper .cur-dialog{position:relative;margin:15vh auto 50px;background:var(--cur-color-white);border-radius:2px;box-shadow:0 1px 3px var(--vt-c-divider-light-1);box-sizing:border-box;width:30%}.cur-dialog_wrapper .cur-dialog_header{padding:20px 20px 10px}.cur-dialog_wrapper .cur-dialog_header .cur-dialog_title{line-height:24px;font-size:18px;color:#303133}.cur-dialog_wrapper .cur-dialog_header .cur-dialog_headerbtn{position:absolute;top:20px;right:20px;padding:0;background:transparent;border:none;outline:none;cursor:pointer;font-size:16px}.cur-dialog_wrapper .cur-dialog_header .cur-dialog_headerbtn .cur-icon-close{color:var(--vt-c-text-dark-2)}.cur-dialog_wrapper .cur-dialog_body{padding:30px 20px;color:var(--cur-text-color-regular);font-size:14px;word-break:break-all}.cur-dialog_wrapper .cur-dialog_footer{padding:10px 20px 20px;text-align:right;box-sizing:border-box}.cur-dialog_wrapper .cur-dialog_footer .cur-button:first-child{margin-right:20px}.dialog-fade-enter-active{animation:fade .3s}.dialog-fade-leave-active{animation:fade .3s reverse}@keyframes fade{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.cur-pager{--cur-pager-theme-color: var(--cur-color-primary);--cur-pager-size: 34px;--cur-pager-padding: 0 12px;--cur-pager-font-size: var(--cur-font-size-base)}.cur-pager{text-align:center}.cur-pager a{border:1px solid #e1e2e3;background-color:#f0f2f5;color:#303133;height:var(--cur-pager-size);display:inline-block;line-height:var(--cur-pager-size);border-radius:2px;padding:var(--cur-pager-padding);margin:8px;font-size:var(--cur-pager-font-size);cursor:pointer;-webkit-user-select:none;user-select:none}.cur-pager a:hover{color:var(--cur-pager-theme-color)}.cur-pager a.active{color:#fff;background-color:var(--cur-pager-theme-color);border-color:var(--cur-pager-theme-color)}.cur-pager a.disabled{color:#ccc;cursor:not-allowed}.cur-pager--primary{--cur-pager-theme-color: var(--cur-color-primary)}.cur-pager--success{--cur-pager-theme-color: var(--cur-color-success)}.cur-pager--warning{--cur-pager-theme-color: var(--cur-color-warning)}.cur-pager--info{--cur-pager-theme-color: var(--cur-color-info)}.cur-pager--danger{--cur-pager-theme-color: var(--cur-color-danger)}.cur-pager--small{--cur-pager-size: 25px;--cur-pager-padding: 0 8px;--cur-pager-font-size: var(--cur-font-size-small)}.cur-pager--large{--cur-pager-size: 44px;--cur-pager-padding: 0 16px;--cur-pager-font-size: var(--cur-font-size-large)}.cur-collapse{--cur-collapse-border-color: var(--cur-border-color-light);--cur-collapse-header-height: 48px;--cur-collapse-header-bg-color: var(--cur-fill-color-blank);--cur-collapse-header-text-color: var(--cur-text-color-primary);--cur-collapse-header-font-size: 13px;--cur-collapse-content-bg-color: var(--cur-fill-color-blank);--cur-collapse-content-font-size: 13px;--cur-collapse-content-text-color: var(--cur-text-color-primary);--cur-collapse-disabled-text-color: var(--cur-disabled-text-color);--cur-collapse-disabled-border-color: var(--cur-border-color-lighter);border-top:1px solid var(--cur-collapse-border-color);width:100%}.cur-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--cur-collapse-header-height);line-height:var(--cur-collapse-header-height);background-color:var(--cur-collapse-header-bg-color);color:var(--cur-collapse-header-text-color);cursor:pointer;font-size:var(--cur-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--cur-transition-duration);outline:none;border-bottom:1px solid var(--cur-collapse-border-color)}.cur-collapse-item__header.is-disabled{color:var(--cur-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.cur-collapse-item__header.is-active{border-bottom-color:transparent}.cur-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.cur-collapse-item__header .header-angle{transition:transform var(--cur-transition-duration)}.cur-collapse-item__content{will-change:height;background-color:var(--cur-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--cur-collapse-content-font-size);color:var(--cur-collapse-content-text-color);border-bottom:1px solid var(--cur-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--cur-transition-duration)}.cur-tooltip{--cur-popover-bg-color: var(--cur-bg-color-overlay);--cur-popover-font-size: var(--cur-font-size-base);--cur-popover-border-color: var(--cur-border-color);--cur-popover-padding: 12px;--cur-popover-border-radius: 4px;display:inline-block}.cur-tooltip .cur-tooltip__popper{background:var(--cur-popover-bg-color);border-radius:var(--cur-popover-border-radius);border:1px solid var(--cur-popover-border-color);padding:var(--cur-popover-padding);color:var(--cur-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--cur-popover-font-size);box-shadow:var(--cur-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.cur-tooltip .cur-tooltip__popper #arrow,.cur-tooltip .cur-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--cur-popover-bg-color)}.cur-tooltip .cur-tooltip__popper #arrow{visibility:hidden}.cur-tooltip .cur-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.cur-tooltip .cur-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.cur-tooltip .cur-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.cur-tooltip .cur-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.cur-tooltip .cur-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.cur-tooltip .cur-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--cur-popover-border-color);border-bottom:1px solid var(--cur-popover-border-color)}.cur-tooltip .cur-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--cur-popover-border-color);border-top:1px solid var(--cur-popover-border-color)}.cur-tooltip .cur-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--cur-popover-border-color);border-top:1px solid var(--cur-popover-border-color)}.cur-tooltip .cur-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--cur-popover-border-color);border-bottom:1px solid var(--cur-popover-border-color)}.cur-tooltip .fade-enter,.cur-tooltip .fade-leave{opacity:1}.cur-tooltip .fade-enter-active,.cur-tooltip .fade-leave-active{transition:opacity var(--cur-transition-duration)}.cur-tooltip .fade-enter-from,.cur-tooltip .fade-leave-to{opacity:0}.cur-dropdown .cur-dropdown__menu{--cur-dropdown-menuItem-hover-fill: var(--cur-color-primary-light-9);--cur-dropdown-menuItem-hover-color: var(--cur-color-primary);--cur-dropdown-menuItem-disabled-color: var(--cur-border-color-lighter);--cur-dropdown-menuItem-divided-color: var(--cur-border-color-lighter)}.cur-dropdown{display:inline-block}.cur-dropdown .cur-tooltip{--cur-popover-padding: 5px 0}.cur-dropdown__menu{list-style-type:none;margin:0;padding:0}.cur-dropdown__menu .cur-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--cur-font-size-base);color:var(--cur-text-color-regular);cursor:pointer;outline:none}.cur-dropdown__menu .cur-dropdown__item:hover{background-color:var(--cur-dropdown-menuItem-hover-fill);color:var(--cur-dropdown-menuItem-hover-color)}.cur-dropdown__menu .cur-dropdown__item.is-disabled{color:var(--cur-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.cur-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--cur-dropdown-menuItem-divided-color)}.bar[data-v-d4197866]{color:red;font-style:italic}