| 1 |
- !function(){var t=document.createElement("style");t.innerHTML="@keyframes nutFadeIn{from{opacity:0}to{opacity:1}}@keyframes nutFadeOut{from{opacity:1}to{opacity:0}}.nutFade-enter-active,.nutFade-leave-active,.nutFadeIn,.nutFadeOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active,.nutFadeIn{animation-name:nutFadeIn}.nutFade-leave-active,.nutFadeOut{animation-name:nutFadeOut}@keyframes nutZoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active,.nutZoom-leave-active,.nutZoomIn,.nutZoomOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active,.nutZoomIn{animation-name:nutZoomIn}.nutZoom-leave-active,.nutZoomOut{animation-name:nutZoomOut}@keyframes nutEaseIn{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes nutEaseOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.nutEase-enter-active,.nutEase-leave-active,.nutEaseIn,.nutEaseOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active,.nutEaseIn{animation-name:nutEaseIn}.nutEase-leave-active,.nutEaseOut{animation-name:nutEaseOut}@keyframes nutDropIn{0%{opacity:0;transform:scaleY(.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active,.nutDrop-leave-active,.nutDropIn,.nutDropOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active,.nutDropIn{animation-name:nutDropIn}.nutDrop-leave-active,.nutDropOut{animation-name:nutDropOut}@keyframes rotation{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active,.nutRotate-leave-active,.nutRotateIn,.nutRotateOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active,.nutRotateIn{animation-name:nutRotateIn}.nutRotate-leave-active,.nutRotateOut{animation-name:nutRotateOut}.padding{padding-left:0!important;padding-right:0!important}.padding h2{padding-left:27px!important}.steps-wrapper{width:100%;padding:15px 0;background-color:#fff}.steps-wrapper .steps-button{text-align:center}",document.head.appendChild(t),System.register(["./mobile-legacy.ecd0f381.js","./vendor-legacy.f9cfd4bf.js","./index-legacy.879cbd14.js"],(function(t){"use strict";var e,n,a,i,o,u,r,c,s;return{setters:[function(t){e=t.c},function(t){n=t.a,a=t.s,i=t.r,o=t.o,u=t.c,r=t.f,c=t.i,s=t.j},function(){}],execute:function(){const{createDemo:l}=e("steps");var p=t("default",l({props:{},setup(){const t=n({current1:1,current2:1,current3:1,current4:1,current5:1});return{...a(t),handleStep:e=>{t[e]>=3?t[e]=1:t[e]+=1}}}}));const d={class:"demo padding"},m=r("h2",null,"基本用法",-1),f={class:"steps-wrapper"},v=s("1"),y=s("2"),g=s("3"),b={class:"steps-button"},h=s("下一步"),_=r("h2",null,"标题和描述信息",-1),I={class:"steps-wrapper"},O=s("1"),k={class:"steps-button",style:{"margin-top":"10px"}},D=s("下一步"),E=r("h2",null,"自定义图标",-1),x={class:"steps-wrapper"},F=s("1"),Z=s("2"),w=s("3"),R=r("h2",null,"竖向步骤条",-1),z={class:"steps-wrapper",style:{height:"300px",padding:"15px 30px"}},j=s("1"),S=s("2"),Y=s("3"),C=r("h2",null,"竖向步骤条",-1),H={class:"steps-wrapper",style:{height:"300px",padding:"15px 40px"}},L=s("1"),M=s("2"),T=s("3");p.render=function(t,e,n,a,s,l){const p=i("nut-step"),q=i("nut-steps"),A=i("nut-button");return o(),u("div",d,[m,r("div",f,[r(q,{current:t.current1},{default:c((()=>[r(p,{title:"步骤一"},{default:c((()=>[v])),_:1}),r(p,{title:"步骤二"},{default:c((()=>[y])),_:1}),r(p,{title:"步骤三"},{default:c((()=>[g])),_:1})])),_:1},8,["current"]),r("div",b,[r(A,{type:"danger",onClick:e[1]||(e[1]=e=>t.handleStep("current1"))},{default:c((()=>[h])),_:1})])]),_,r("div",I,[r(q,{current:t.current2},{default:c((()=>[r(p,{title:"步骤一",content:"步骤描述"},{default:c((()=>[O])),_:1}),r(p,{title:"步骤二",content:"步骤描述"}),r(p,{title:"步骤三",content:"步骤描述"})])),_:1},8,["current"]),r("div",k,[r(A,{type:"danger",onClick:e[2]||(e[2]=e=>t.handleStep("current2"))},{default:c((()=>[D])),_:1})])]),E,r("div",x,[r(q,{current:"1"},{default:c((()=>[r(p,{title:"已完成",icon:"service"},{default:c((()=>[F])),_:1}),r(p,{title:"进行中",icon:"people"},{default:c((()=>[Z])),_:1}),r(p,{title:"未开始",icon:"location2"},{default:c((()=>[w])),_:1})])),_:1})]),R,r("div",z,[r(q,{direction:"vertical",current:"2"},{default:c((()=>[r(p,{title:"已完成",content:"您的订单已经打包完成，商品已发出"},{default:c((()=>[j])),_:1}),r(p,{title:"进行中",content:"您的订单正在配送途中"},{default:c((()=>[S])),_:1}),r(p,{title:"未开始",content:"收货地址为：北京市经济技术开发区科创十一街18号院京东大厦"},{default:c((()=>[Y])),_:1})])),_:1})]),C,r("div",H,[r(q,{direction:"vertical","progress-dot":"",current:"2"},{default:c((()=>[r(p,{title:"已完成",content:"您的订单已经打包完成，商品已发出"},{default:c((()=>[L])),_:1}),r(p,{title:"进行中",content:"您的订单正在配送途中"},{default:c((()=>[M])),_:1}),r(p,{title:"未开始",content:"<p>收货地址为：</p><p>北京市经济技术开发区科创十一街18号院京东大厦</p>"},{default:c((()=>[T])),_:1})])),_:1})])])}}}}))}();
|
