vue3-electronic-signature/dist/style.css

一个基于Vue3的电子签名组件库，支持手写签名、触摸绘制和多种导出格式

.electronic-signature[data-v-259e6ad4]{position:relative;display:inline-block}.signature-placeholder[data-v-259e6ad4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.signature-toolbar[data-v-259e6ad4]{margin-top:8px;display:flex;gap:8px}.signature-toolbar button[data-v-259e6ad4]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;transition:all .2s}.signature-toolbar button[data-v-259e6ad4]:hover:not(:disabled){background:#f5f5f5;border-color:#999}.signature-toolbar button[data-v-259e6ad4]:disabled{opacity:.5;cursor:not-allowed}canvas[data-v-259e6ad4]{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.replay-controls[data-v-259e6ad4]{margin-top:12px;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;align-items:center;gap:16px;font-size:14px}.replay-buttons[data-v-259e6ad4]{display:flex;gap:8px}.replay-btn[data-v-259e6ad4]{width:36px;height:36px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.replay-btn[data-v-259e6ad4]:hover:not(:disabled){background:#f5f5f5;border-color:#999}.replay-btn[data-v-259e6ad4]:disabled{opacity:.5;cursor:not-allowed}.replay-progress[data-v-259e6ad4]{flex:1;display:flex;flex-direction:column;gap:4px}.progress-slider[data-v-259e6ad4]{width:100%;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer}.progress-slider[data-v-259e6ad4]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer}.progress-slider[data-v-259e6ad4]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.time-display[data-v-259e6ad4]{display:flex;justify-content:space-between;font-size:12px;color:#666}.replay-speed[data-v-259e6ad4]{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.speed-select[data-v-259e6ad4]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:12px;cursor:pointer}.speed-select[data-v-259e6ad4]:focus{outline:none;border-color:#007bff}