| 1 |
- !function(){var a=document.createElement("style");a.innerHTML="@-webkit-keyframes nutFadeIn-c5e4da9c{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn-c5e4da9c{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut-c5e4da9c{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut-c5e4da9c{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-c5e4da9c],.nutFadeIn[data-v-c5e4da9c],.nutFade-leave-active[data-v-c5e4da9c],.nutFadeOut[data-v-c5e4da9c]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-c5e4da9c],.nutFadeIn[data-v-c5e4da9c]{-webkit-animation-name:nutFadeIn-c5e4da9c;animation-name:nutFadeIn-c5e4da9c}.nutFade-leave-active[data-v-c5e4da9c],.nutFadeOut[data-v-c5e4da9c]{-webkit-animation-name:nutFadeOut-c5e4da9c;animation-name:nutFadeOut-c5e4da9c}@-webkit-keyframes nutZoomIn-c5e4da9c{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn-c5e4da9c{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut-c5e4da9c{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut-c5e4da9c{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-c5e4da9c],.nutZoomIn[data-v-c5e4da9c],.nutZoom-leave-active[data-v-c5e4da9c],.nutZoomOut[data-v-c5e4da9c]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-c5e4da9c],.nutZoomIn[data-v-c5e4da9c]{-webkit-animation-name:nutZoomIn-c5e4da9c;animation-name:nutZoomIn-c5e4da9c}.nutZoom-leave-active[data-v-c5e4da9c],.nutZoomOut[data-v-c5e4da9c]{-webkit-animation-name:nutZoomOut-c5e4da9c;animation-name:nutZoomOut-c5e4da9c}@-webkit-keyframes nutEaseIn-c5e4da9c{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn-c5e4da9c{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut-c5e4da9c{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut-c5e4da9c{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.nutEase-enter-active[data-v-c5e4da9c],.nutEaseIn[data-v-c5e4da9c],.nutEase-leave-active[data-v-c5e4da9c],.nutEaseOut[data-v-c5e4da9c]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-c5e4da9c],.nutEaseIn[data-v-c5e4da9c]{-webkit-animation-name:nutEaseIn-c5e4da9c;animation-name:nutEaseIn-c5e4da9c}.nutEase-leave-active[data-v-c5e4da9c],.nutEaseOut[data-v-c5e4da9c]{-webkit-animation-name:nutEaseOut-c5e4da9c;animation-name:nutEaseOut-c5e4da9c}@-webkit-keyframes nutDropIn-c5e4da9c{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn-c5e4da9c{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut-c5e4da9c{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut-c5e4da9c{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}.nutDrop-enter-active[data-v-c5e4da9c],.nutDropIn[data-v-c5e4da9c],.nutDrop-leave-active[data-v-c5e4da9c],.nutDropOut[data-v-c5e4da9c]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-c5e4da9c],.nutDropIn[data-v-c5e4da9c]{-webkit-animation-name:nutDropIn-c5e4da9c;animation-name:nutDropIn-c5e4da9c}.nutDrop-leave-active[data-v-c5e4da9c],.nutDropOut[data-v-c5e4da9c]{-webkit-animation-name:nutDropOut-c5e4da9c;animation-name:nutDropOut-c5e4da9c}@-webkit-keyframes rotation-c5e4da9c{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation-c5e4da9c{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-c5e4da9c],.nutRotateIn[data-v-c5e4da9c],.nutRotate-leave-active[data-v-c5e4da9c],.nutRotateOut[data-v-c5e4da9c]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-c5e4da9c],.nutRotateIn[data-v-c5e4da9c]{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active[data-v-c5e4da9c],.nutRotateOut[data-v-c5e4da9c]{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.demo[data-v-c5e4da9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.demo .demo-tips[data-v-c5e4da9c]{font-size:12px;color:#666}\n",document.head.appendChild(a),System.register(["./mobile-legacy.e6ffebfe.js","./index-legacy.5c289299.js","./vendor-legacy.44d419bd.js"],(function(a){"use strict";var t,e,n,i,c,o,d,r,m,s;return{setters:[function(a){t=a.c},function(a){e=a._},function(a){n=a.a,i=a.r,c=a.e,o=a.g,d=a.j,r=a.B,m=a.C,s=a.o}],execute:function(){const{createDemo:u}=t("signature"),l=u({props:{},setup:()=>({...n({lineWidth:4,strokeStyle:"green"}),confirm:(a,t)=>{let e=document.createElement("img");e.src=t,document.querySelector(".demo1").appendChild(e)}})}),f=a=>(r("data-v-c5e4da9c"),a=a(),m(),a),b={class:"demo"},k=f((()=>o("h2",null,"基础用法",-1))),v=f((()=>o("p",{class:"demo-tips demo1"},"Tips: 点击确认按钮,下方显示签名图片",-1))),p=f((()=>o("h2",null,"修改颜色和签字粗细",-1)));a("default",e(l,[["render",function(a,t,e,n,r,m){const u=i("nut-signature");return s(),c("div",b,[k,o("div",null,[d(u,{onConfirm:a.confirm,onClear:a.clear},null,8,["onConfirm","onClear"]),v]),p,o("div",null,[d(u,{lineWidth:a.lineWidth,strokeStyle:a.strokeStyle},null,8,["lineWidth","strokeStyle"])])])}],["__scopeId","data-v-c5e4da9c"]]))}}}))}();
|
