| 1 |
- !function(){var t=document.createElement("style");t.innerHTML="@-webkit-keyframes nutFadeIn-dc99d5cc{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn-dc99d5cc{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut-dc99d5cc{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut-dc99d5cc{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-dc99d5cc],.nutFadeIn[data-v-dc99d5cc],.nutFade-leave-active[data-v-dc99d5cc],.nutFadeOut[data-v-dc99d5cc]{-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-dc99d5cc],.nutFadeIn[data-v-dc99d5cc]{-webkit-animation-name:nutFadeIn-dc99d5cc;animation-name:nutFadeIn-dc99d5cc}.nutFade-leave-active[data-v-dc99d5cc],.nutFadeOut[data-v-dc99d5cc]{-webkit-animation-name:nutFadeOut-dc99d5cc;animation-name:nutFadeOut-dc99d5cc}@-webkit-keyframes nutZoomIn-dc99d5cc{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn-dc99d5cc{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut-dc99d5cc{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut-dc99d5cc{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-dc99d5cc],.nutZoomIn[data-v-dc99d5cc],.nutZoom-leave-active[data-v-dc99d5cc],.nutZoomOut[data-v-dc99d5cc]{-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-dc99d5cc],.nutZoomIn[data-v-dc99d5cc]{-webkit-animation-name:nutZoomIn-dc99d5cc;animation-name:nutZoomIn-dc99d5cc}.nutZoom-leave-active[data-v-dc99d5cc],.nutZoomOut[data-v-dc99d5cc]{-webkit-animation-name:nutZoomOut-dc99d5cc;animation-name:nutZoomOut-dc99d5cc}@-webkit-keyframes nutEaseIn-dc99d5cc{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn-dc99d5cc{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut-dc99d5cc{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut-dc99d5cc{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-dc99d5cc],.nutEaseIn[data-v-dc99d5cc],.nutEase-leave-active[data-v-dc99d5cc],.nutEaseOut[data-v-dc99d5cc]{-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-dc99d5cc],.nutEaseIn[data-v-dc99d5cc]{-webkit-animation-name:nutEaseIn-dc99d5cc;animation-name:nutEaseIn-dc99d5cc}.nutEase-leave-active[data-v-dc99d5cc],.nutEaseOut[data-v-dc99d5cc]{-webkit-animation-name:nutEaseOut-dc99d5cc;animation-name:nutEaseOut-dc99d5cc}@-webkit-keyframes nutDropIn-dc99d5cc{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn-dc99d5cc{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut-dc99d5cc{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut-dc99d5cc{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-dc99d5cc],.nutDropIn[data-v-dc99d5cc],.nutDrop-leave-active[data-v-dc99d5cc],.nutDropOut[data-v-dc99d5cc]{-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-dc99d5cc],.nutDropIn[data-v-dc99d5cc]{-webkit-animation-name:nutDropIn-dc99d5cc;animation-name:nutDropIn-dc99d5cc}.nutDrop-leave-active[data-v-dc99d5cc],.nutDropOut[data-v-dc99d5cc]{-webkit-animation-name:nutDropOut-dc99d5cc;animation-name:nutDropOut-dc99d5cc}@-webkit-keyframes rotation-dc99d5cc{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation-dc99d5cc{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-dc99d5cc],.nutRotateIn[data-v-dc99d5cc],.nutRotate-leave-active[data-v-dc99d5cc],.nutRotateOut[data-v-dc99d5cc]{-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-dc99d5cc],.nutRotateIn[data-v-dc99d5cc]{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active[data-v-dc99d5cc],.nutRotateOut[data-v-dc99d5cc]{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.nut-cell[data-v-dc99d5cc],.nut-barrage[data-v-dc99d5cc]{padding:20px 0;height:150px}.test .add[data-v-dc99d5cc]{display:block;padding:5px 30px;margin:20px auto;border-radius:15px;font-size:12px}\n",document.head.appendChild(t),System.register(["./mobile-legacy.e6ffebfe.js","./index-legacy.5c289299.js","./vendor-legacy.44d419bd.js"],(function(t){"use strict";var a,c,n,e,i,d,o,r,m,u,s;return{setters:[function(t){a=t.c},function(t){c=t._},function(t){n=t.m,e=t.r,i=t.e,d=t.j,o=t.k,r=t.g,m=t.B,u=t.C,s=t.o}],execute:function(){const{createDemo:l}=a("barrage"),b=l({props:{},setup(){const t=n(""),a=n(null);let c=n(["画美不看","不明觉厉","喜大普奔","男默女泪","累觉不爱","爷青结"]);return{inputVal:t,danmu:a,list:c,addDanmu:function(){let t=Math.random();a.value.add("随机——"+String(t).substr(2,10))}}}}),f={class:"demo"},v=(t=>(m("data-v-dc99d5cc"),t=t(),u(),t))((()=>r("h2",null,"基础用法",-1))),k={class:"test"};t("default",c(b,[["render",function(t,a,c,n,m,u){const l=e("nut-barrage"),b=e("nut-cell");return s(),i("div",f,[v,d(b,null,{default:o((()=>[d(l,{ref:"danmu",danmu:t.list},null,8,["danmu"])])),_:1}),r("div",k,[r("button",{onClick:a[0]||(a[0]=(...a)=>t.addDanmu&&t.addDanmu(...a)),class:"add nut-button--primary"},"随机添加")])])}],["__scopeId","data-v-dc99d5cc"]]))}}}))}();
|
