zview-plus/theme-chalk/signature.css

基于 Vue3 的 UI 组件库

@font-face{font-family:Hviewicon;src:url(//at.alicdn.com/t/c/font_3867051_hlv60jvijrg.woff2?t=1676120542530) format("woff2"),url(//at.alicdn.com/t/c/font_3867051_hlv60jvijrg.woff?t=1676120542530) format("woff"),url(//at.alicdn.com/t/c/font_3867051_hlv60jvijrg.ttf?t=1676120542530) format("truetype")}i{font-family:Hviewicon!important;font-size:1em;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.z-icon-time::before{content:"\e735"}.z-icon-cloud-upload::before{content:"\e7d9"}.z-icon-plus::before{content:"\e8fe"}.z-icon-refresh-left::before{content:"\e673"}.z-icon-refresh-right::before{content:"\e677"}.z-icon-24gl-fullScreenEnter2::before{content:"\ea68"}.z-icon-zoom-in::before{content:"\e683"}.z-icon-zoom-out::before{content:"\e684"}.z-icon-icon-arrow-right2::before{content:"\e667"}.z-icon-xiangxia1::before{content:"\e602"}.z-icon-xiangshang2::before{content:"\e603"}.z-icon-close1::before{content:"\e7fc"}.z-icon-starfill::before{content:"\e732"}.z-icon-test::before{content:"\e7e4"}.z-icon-github::before{content:"\e685"}.z-icon-xiangshang::before{content:"\e600"}.z-icon-xiangxia::before{content:"\e601"}.z-icon-xiangshang1::before{content:"\e76d"}.z-icon-xiala::before{content:"\e65c"}.z-icon-arrow-left2::before{content:"\e664"}.z-icon-arrow-right2::before{content:"\e667"}.z-icon-youjiantou::before{content:"\e61e"}.z-icon-you::before{content:"\e706"}.z-icon-you1::before{content:"\e60a"}.z-icon-fuzhi::before{content:"\ec7a"}.z-icon-code::before{content:"\ec83"}.z-icon-delete::before{content:"\e67e"}.z-icon-share::before{content:"\e68b"}.z-icon-edit::before{content:"\ed4f"}.z-icon-calendar::before{content:"\e74a"}.z-icon-loading::before{content:"\e644"}.z-icon-user::before{content:"\e7ae"}.z-icon-star::before{content:"\e7df"}.z-icon-download::before{content:"\e7ef"}.z-icon-view::before{content:"\e69e"}.z-icon-typescript::before{content:"\e6a3"}.z-icon-link::before{content:"\e8c1"}.z-icon-question::before{content:"\e6bd"}.z-icon-setting::before{content:"\e67d"}.z-icon-close::before{content:"\e6a7"}.z-icon-success::before{content:"\e73c"}.z-icon-error::before{content:"\e6c6"}.z-icon-warning::before{content:"\e63f"}.z-icon-info::before{content:"\e637"}.z-icon-search::before{content:"\e741"}.z-icon-jia::before{content:"\eaf3"}.z-icon-jian::before{content:"\eaf5"}.z-icon-success1::before{content:"\e6d0"}.z-icon-jiahao::before{content:"\eaf3"}.z-icon-jianhao::before{content:"\eaf5"}.z-icon-zoomOut::before{content:"\e684"}.z-icon-zoomIn::before{content:"\e683"}.z-icon-fullScreen::before{content:"\ea68"}.z-icon-refreshRight::before{content:"\e677"}.z-icon-refreshLeft::before{content:"\e673"}.z-icon-cloudUpload::before{content:"\e7d9"}.z-icon-image::before{content:"\e6fb"}:root{color-scheme:light;--hv-font-size-extra-large:20px;--hv-font-size-large:18px;--hv-font-size-medium:16px;--hv-font-size-base:14px;--hv-font-size-small:13px;--hv-font-size-extra-small:12px;--hv-font-family:"Helvetica Neue",helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5fae\8f6f\96c5\9ed1",arial,sans-serif;--hv-font-weight-primary:500;--hv-font-line-height-primary:24px;--hv-index-normal:1;--hv-index-top:1000;--hv-index-popper:2000;--hv-border-radius-base:4px;--hv-border-radius-small:2px;--hv-border-radius-round:20px;--hv-border-radius-circle:100%;--hv-transition-duration:0.3s;--hv-transition-duration-fast:0.2s;--hv-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--hv-color-white:#fff;--hv-color-black:#000;--hv-color-primary:#5d80f4;--hv-color-primary-light-3:#7998ff;--hv-color-primary-light-5:#91aaff;--hv-color-primary-light-7:#abbfff;--hv-color-primary-light-8:#c6d3ff;--hv-color-primary-light-9:#e0e7ff;--hv-color-primary-dark-2:#4f6bc9;--hv-color-success:#67c23a;--hv-color-success-light-3:#95d475;--hv-color-success-light-5:#b3e19d;--hv-color-success-light-7:#d1edc4;--hv-color-success-light-8:#e1f3d8;--hv-color-success-light-9:#f0f9eb;--hv-color-success-dark-2:#529b2e;--hv-color-warning:#e6a23c;--hv-color-warning-light-3:#eebe77;--hv-color-warning-light-5:#f3d19e;--hv-color-warning-light-7:#f8e3c5;--hv-color-warning-light-8:#faecd8;--hv-color-warning-light-9:#fdf6ec;--hv-color-warning-dark-2:#b88230;--hv-color-danger:#f56c6c;--hv-color-danger-light-3:#f89898;--hv-color-danger-light-5:#fab6b6;--hv-color-danger-light-7:#fcd3d3;--hv-color-danger-light-8:#fde2e2;--hv-color-danger-light-9:#fef0f0;--hv-color-danger-dark-2:#c45656;--hv-color-error:#f56c6c;--hv-color-error-light-3:#f89898;--hv-color-error-light-5:#fab6b6;--hv-color-error-light-7:#fcd3d3;--hv-color-error-light-8:#fde2e2;--hv-color-error-light-9:#fef0f0;--hv-color-error-dark-2:#c45656;--hv-color-info:#909399;--hv-color-info-light-3:#b1b3b8;--hv-color-info-light-5:#c8c9cc;--hv-color-info-light-7:#dedfe0;--hv-color-info-light-8:#e9e9eb;--hv-color-info-light-9:#f4f4f5;--hv-color-info-dark-2:#73767a;--hv-bg-color:#fff;--hv-bg-color-page:#f2f3f5;--hv-bg-color-overlay:#fff;--hv-text-color-primary:#303133;--hv-text-color-ordinary:#434549;--hv-text-color-regular:#606266;--hv-text-color-secondary:#909399;--hv-text-color-placeholder:#a8abb2;--hv-text-color-disabled:#c0c4cc;--hv-border-color:#dcdfe6;--hv-border-color-light:#e4e7ed;--hv-border-color-lighter:#ebeef5;--hv-border-color-extra-light:#f2f6fc;--hv-border-color-dark:#d4d7de;--hv-border-color-darker:#cdd0d6;--hv-fill-color:#f0f2f5;--hv-fill-color-light:#f5f7fa;--hv-fill-color-lighter:#fafafa;--hv-fill-color-extra-light:#fafcff;--hv-fill-color-dark:#ebedf0;--hv-fill-color-darker:#e6e8eb;--hv-fill-color-blank:#fff;--hv-box-shadow:0 12px 32px 4px rgba(0, 0, 0, 0.04),0 8px 20px rgb(0 0 0 / 8%);--hv-box-shadow-light:0 0 12px rgba(0, 0, 0, 0.12);--hv-box-shadow-lighter:0 0 6px rgba(0, 0, 0, 0.12);--hv-box-shadow-dark:0 16px 48px 16px rgba(0, 0, 0, 0.08),0 12px 32px rgb(0 0 0 / 12%),0 8px 16px -8px rgb(0 0 0 / 16%);--hv-disabled-bg-color:var(--hv-fill-color-light);--hv-disabled-text-color:var(--hv-text-color-placeholder);--hv-disabled-border-color:var(--hv-border-color-light);--hv-overlay-color:rgba(0, 0, 0, 0.8);--hv-overlay-color-light:rgba(0, 0, 0, 0.7);--hv-overlay-color-lighter:rgba(0, 0, 0, 0.5);--hv-mask-color:rgba(255, 255, 255, 0.9);--hv-mask-color-extra-light:rgba(255, 255, 255, 0.3);--hv-border-width:1px;--hv-border-style:solid;--hv-border-color-hover:var(--hv-text-color-disabled);--hv-border:var(--hv-border-width) var(--hv-border-style) var(--hv-border-color);--hv-svg-monochrome-grey:var(--hv-border-color);--hv-button-border-color:var(--hv-border-color);--hv-button-bg-color:var(--hv-color-white);--hv-button-disabled-text-color:var(--hv-text-color-regular);--hv-button-primary-plain:var(--hv-border-color-lighter);--hv-button-primary-plain-border:var(--hv-color-primary-light-7);--hv-button-success-plain:var(--hv-color-success-light-9);--hv-button-success-plain-border:var(--hv-color-success);--hv-button-info-plain:var(--hv-color-info-light-9);--hv-button-info-plain-border:var(--hv-color-info-light-9);--hv-button-warning-plain:var(--hv-color-warning-light-9);--hv-button-warning-plain-border:var(--hv-color-warning-light-5);--hv-button-danger-plain:var(--hv-color-error-light-9);--hv-button-danger-plain-border:var(--hv-color-error-light-8);--hv-tree-hover-color:var(--hv-fill-color-light);--hv-input-number-bg-color:var(--hv-fill-color-light);--hv-input-number-bg-color-disabled:var(--hv-bg-color-page);--hv-switch-lable-color:var(--hv-text-color-primary);--hv-scrollbar-thumb-hover:var(--hv-text-color-placeholder);--hv-time-picker-spinner-li:var(--hv-fill-color-light);--hv-time-picker-spinner-active:var(--hv-fill-color);--hv-time-picker-spinner-border:var(--hv-border-color-light);--hv-time-picker-body-border:var(--hv-border-color);--hv-time-picker-body-color:var(--hv-fill-color-blank);--hv-tiem-picker-text-color:var(--hv-text-color-primary);--hv-time-picker-panel-color:var(--hv-fill-color-blank);--hv-time-picker-disabled-color:var(--hv-fill-color-light);--hv-signature-margin:8px;--hv-signature-radius:8px;--hv-signature-content-border:1px dotted #dadada}.z-signature{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.z-signature .z-signature__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;border:var(--hv-signature-content-border);border-radius:var(--hv-signature-radius);overflow:hidden}.z-signature .z-signature__content canvas{width:100%;height:100%}.z-signature .z-signature__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.z-signature .z-signature__footer .z-button{margin-top:var(--hv-signature-margin);margin-left:var(--hv-signature-margin)}