| 1 |
- var __vite_style__=document.createElement("style");__vite_style__.innerHTML="view-block[data-v-5c4081df]{display:block}@keyframes nutFadeIn-5c4081df{from{opacity:0}to{opacity:1}}@keyframes nutFadeOut-5c4081df{from{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-5c4081df],.nutFade-leave-active[data-v-5c4081df],.nutFadeIn[data-v-5c4081df],.nutFadeOut[data-v-5c4081df]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-5c4081df],.nutFadeIn[data-v-5c4081df]{animation-name:nutFadeIn-5c4081df}.nutFade-leave-active[data-v-5c4081df],.nutFadeOut[data-v-5c4081df]{animation-name:nutFadeOut-5c4081df}@keyframes nutZoomIn-5c4081df{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut-5c4081df{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-5c4081df],.nutZoom-leave-active[data-v-5c4081df],.nutZoomIn[data-v-5c4081df],.nutZoomOut[data-v-5c4081df]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-5c4081df],.nutZoomIn[data-v-5c4081df]{animation-name:nutZoomIn-5c4081df}.nutZoom-leave-active[data-v-5c4081df],.nutZoomOut[data-v-5c4081df]{animation-name:nutZoomOut-5c4081df}@keyframes nutEaseIn-5c4081df{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes nutEaseOut-5c4081df{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.nutEase-enter-active[data-v-5c4081df],.nutEase-leave-active[data-v-5c4081df],.nutEaseIn[data-v-5c4081df],.nutEaseOut[data-v-5c4081df]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-5c4081df],.nutEaseIn[data-v-5c4081df]{animation-name:nutEaseIn-5c4081df}.nutEase-leave-active[data-v-5c4081df],.nutEaseOut[data-v-5c4081df]{animation-name:nutEaseOut-5c4081df}@keyframes nutDropIn-5c4081df{0%{opacity:0;transform:scaleY(.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut-5c4081df{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active[data-v-5c4081df],.nutDrop-leave-active[data-v-5c4081df],.nutDropIn[data-v-5c4081df],.nutDropOut[data-v-5c4081df]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-5c4081df],.nutDropIn[data-v-5c4081df]{animation-name:nutDropIn-5c4081df}.nutDrop-leave-active[data-v-5c4081df],.nutDropOut[data-v-5c4081df]{animation-name:nutDropOut-5c4081df}@keyframes rotation-5c4081df{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-5c4081df],.nutRotate-leave-active[data-v-5c4081df],.nutRotateIn[data-v-5c4081df],.nutRotateOut[data-v-5c4081df]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-5c4081df],.nutRotateIn[data-v-5c4081df]{animation-name:nutRotateIn}.nutRotate-leave-active[data-v-5c4081df],.nutRotateOut[data-v-5c4081df]{animation-name:nutRotateOut}.content[data-v-5c4081df]{padding:10px}",document.head.appendChild(__vite_style__),System.register(["./mobile-legacy.3700831f.js","./index-legacy.579cfc3c.js"],(function(t){"use strict";var a,e,n,c,i,d,l,o,u,s,f,m,r,v,p;return{setters:[function(t){a=t.c},function(t){e=t.a,n=t.C,c=t.A,i=t.B,d=t.r,l=t.o,o=t.c,u=t.f,s=t.F,f=t.h,m=t.t,r=t.s,v=t.z,p=t.j}],execute:function(){const{createDemo:b}=a("tab");var _=t("default",b({props:{},setup(){const t=e({editList:[{title:"标签一"},{title:"标签二"}]});return{...n(t),changeList:function(){t.editList.push({title:"标签"+t.editList.length})},switchTab:function(t,a){console.log(t,a)}}}}));const y=v();c("data-v-5c4081df");const h={class:"demo full"},I=u("h2",null,"基础用法",-1),O=u("p",{class:"content"},"这里是页签全部内容",-1),g=u("p",{class:"content"},"这里是页签待付款内容",-1),k=u("p",{class:"content"},"这里是页签待收获内容",-1),D=u("p",{class:"content"},"这里是页签已完成内容",-1),E=u("h2",null,"defaultIndex设置默认显示tab",-1),F=u("h2",null,"switchTab监听切换tab返回事件",-1),Z=u("p",{class:"content"},"这里是页签全部内容",-1),R=u("p",{class:"content"},"这里是页签待付款内容",-1),w=u("p",{class:"content"},"这里是页签待收获内容",-1),L=u("p",{class:"content"},"这里是页签已完成内容",-1),T=u("h2",null," animatedTime 开启切换标签内容时的转场动画时间",-1),x=u("p",{class:"content"},"这里是页签全部内容",-1),z=u("p",{class:"content"},"这里是页签待付款内容",-1),C=u("p",{class:"content"},"这里是页签待收获内容",-1),Y=u("p",{class:"content"},"这里是页签已完成内容",-1),j=u("h2",null," 禁止tab内容滑动",-1),S=u("p",{class:"content"},"这里是页签全部内容",-1),A=u("p",{class:"content"},"这里是页签待付款内容",-1),B=u("p",{class:"content"},"这里是页签待收获内容",-1),H=u("p",{class:"content"},"这里是页签已完成内容",-1),M=u("h2",null,"标签数量超过 5 个时，标签栏可以在水平方向上滚动，切换时会自动将当前标签居中。",-1),q=u("p",{class:"content"},"这里是页签全部内容",-1),G=u("p",{class:"content"},"这里是页签待付款内容",-1),J=u("p",{class:"content"},"这里是页签待收获内容",-1),K=u("p",{class:"content"},"这里是页签已完成内容",-1),N=u("p",{class:"content"},"这里是页签已取消内容",-1),P=u("p",{class:"content"},"这里是页签待评价内容",-1),Q=u("h2",null,"设置slot:header可以自定义标签",-1),U=u("p",{class:"content"},"这里是页签全部内容",-1),V=u("p",{class:"content"},"这里是页签待付款内容",-1),W=u("p",{class:"content"},"这里是页签待收获内容",-1),X=u("p",{class:"content"},"这里是页签已完成内容",-1),$=u("p",{class:"content"},"这里是页签已取消内容",-1),tt=u("p",{class:"content"},"这里是页签待评价内容",-1),at=u("h2",null,"左右tab布局",-1),et=u("p",{class:"content"},"这里是页签一内容",-1),nt=u("p",{class:"content"},"这里是页签二内容",-1),ct=u("p",{class:"content"},"这里是页签三内容",-1),it=u("p",{class:"content"},"这里是页签四内容",-1),dt=u("p",{class:"content"},"这里是页签五内容",-1),lt=u("p",{class:"content"},"这里是页签六内容",-1),ot=u("p",{class:"content"},"这里是页签七内容",-1),ut=u("h2",null,"异步操作",-1),st={class:"content"},ft=p("改变数据");i();const mt=y(((t,a,e,n,c,i)=>{const v=d("nut-tab-panel"),p=d("nut-tab"),b=d("nut-icon"),_=d("nut-button");return l(),o("div",h,[I,u(p,null,{default:y((()=>[u(v,{"tab-title":"全部"},{default:y((()=>[O])),_:1}),u(v,{"tab-title":"待付款"},{default:y((()=>[g])),_:1}),u(v,{"tab-title":"待收获"},{default:y((()=>[k])),_:1}),u(v,{"tab-title":"已完成"},{default:y((()=>[D])),_:1})])),_:1}),E,F,u(p,{"default-index":1,onSwitchTab:t.switchTab},{default:y((()=>[u(v,{"tab-title":"全部"},{default:y((()=>[Z])),_:1}),u(v,{"tab-title":"待付款"},{default:y((()=>[R])),_:1}),u(v,{"tab-title":"待收获"},{default:y((()=>[w])),_:1}),u(v,{"tab-title":"已完成"},{default:y((()=>[L])),_:1})])),_:1},8,["onSwitchTab"]),T,u(p,{"animated-time":500},{default:y((()=>[u(v,{"tab-title":"全部"},{default:y((()=>[x])),_:1}),u(v,{"tab-title":"待付款"},{default:y((()=>[z])),_:1}),u(v,{"tab-title":"待收获"},{default:y((()=>[C])),_:1}),u(v,{"tab-title":"已完成"},{default:y((()=>[Y])),_:1})])),_:1}),j,u(p,{"no-swiping":!0},{default:y((()=>[u(v,{"tab-title":"全部"},{default:y((()=>[S])),_:1}),u(v,{"tab-title":"待付款"},{default:y((()=>[A])),_:1}),u(v,{"tab-title":"待收获"},{default:y((()=>[B])),_:1}),u(v,{"tab-title":"已完成"},{default:y((()=>[H])),_:1})])),_:1}),M,u(p,{"animated-time":500},{default:y((()=>[u(v,{"tab-title":"全部"},{default:y((()=>[q])),_:1}),u(v,{"tab-title":"待付款"},{default:y((()=>[G])),_:1}),u(v,{"tab-title":"待收获"},{default:y((()=>[J])),_:1}),u(v,{"tab-title":"已完成"},{default:y((()=>[K])),_:1}),u(v,{"tab-title":"已取消"},{default:y((()=>[N])),_:1}),u(v,{"tab-title":"待评价"},{default:y((()=>[P])),_:1})])),_:1}),Q,u(p,null,{default:y((()=>[u(v,{"tab-title":"全部"},{header:y((()=>[u(b,{name:"dongdong"})])),default:y((()=>[U])),_:1}),u(v,{"tab-title":"待付款"},{default:y((()=>[V])),_:1}),u(v,{"tab-title":"待收获"},{default:y((()=>[W])),_:1}),u(v,{"tab-title":"已完成"},{default:y((()=>[X])),_:1}),u(v,{"tab-title":"已取消"},{default:y((()=>[$])),_:1}),u(v,{"tab-title":"待评价"},{default:y((()=>[tt])),_:1})])),_:1}),at,u(p,{direction:"vertical","animated-time":500,"default-index":2},{default:y((()=>[u(v,{"tab-title":"页签一"},{default:y((()=>[et])),_:1}),u(v,{"tab-title":"页签二"},{default:y((()=>[nt])),_:1}),u(v,{"tab-title":"页签三"},{default:y((()=>[ct])),_:1}),u(v,{"tab-title":"页签四"},{default:y((()=>[it])),_:1}),u(v,{"tab-title":"页签五"},{default:y((()=>[dt])),_:1}),u(v,{"tab-title":"页签六"},{default:y((()=>[lt])),_:1}),u(v,{"tab-title":"页签七"},{default:y((()=>[ot])),_:1})])),_:1}),ut,t.editList.length>0?(l(),o(p,{key:0,"animated-time":500},{default:y((()=>[(l(!0),o(s,null,f(t.editList,((t,a)=>(l(),o(v,{"tab-title":t.title,key:a},{default:y((()=>[u("p",st,"这里是页签"+m(a)+"内容",1)])),_:2},1032,["tab-title"])))),128))])),_:1})):r("",!0),u(_,{type:"primary",onClick:t.changeList},{default:y((()=>[ft])),_:1},8,["onClick"])])}));_.render=mt,_.__scopeId="data-v-5c4081df"}}}));
|
