| 1 |
- !function(){var a=document.createElement("style");a.innerHTML="@-webkit-keyframes nutFadeIn-188f9c1a{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn-188f9c1a{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut-188f9c1a{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut-188f9c1a{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-188f9c1a],.nutFadeIn[data-v-188f9c1a],.nutFade-leave-active[data-v-188f9c1a],.nutFadeOut[data-v-188f9c1a]{-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-188f9c1a],.nutFadeIn[data-v-188f9c1a]{-webkit-animation-name:nutFadeIn-188f9c1a;animation-name:nutFadeIn-188f9c1a}.nutFade-leave-active[data-v-188f9c1a],.nutFadeOut[data-v-188f9c1a]{-webkit-animation-name:nutFadeOut-188f9c1a;animation-name:nutFadeOut-188f9c1a}@-webkit-keyframes nutZoomIn-188f9c1a{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn-188f9c1a{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut-188f9c1a{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut-188f9c1a{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-188f9c1a],.nutZoomIn[data-v-188f9c1a],.nutZoom-leave-active[data-v-188f9c1a],.nutZoomOut[data-v-188f9c1a]{-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-188f9c1a],.nutZoomIn[data-v-188f9c1a]{-webkit-animation-name:nutZoomIn-188f9c1a;animation-name:nutZoomIn-188f9c1a}.nutZoom-leave-active[data-v-188f9c1a],.nutZoomOut[data-v-188f9c1a]{-webkit-animation-name:nutZoomOut-188f9c1a;animation-name:nutZoomOut-188f9c1a}@-webkit-keyframes nutEaseIn-188f9c1a{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn-188f9c1a{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut-188f9c1a{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut-188f9c1a{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-188f9c1a],.nutEaseIn[data-v-188f9c1a],.nutEase-leave-active[data-v-188f9c1a],.nutEaseOut[data-v-188f9c1a]{-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-188f9c1a],.nutEaseIn[data-v-188f9c1a]{-webkit-animation-name:nutEaseIn-188f9c1a;animation-name:nutEaseIn-188f9c1a}.nutEase-leave-active[data-v-188f9c1a],.nutEaseOut[data-v-188f9c1a]{-webkit-animation-name:nutEaseOut-188f9c1a;animation-name:nutEaseOut-188f9c1a}@-webkit-keyframes nutDropIn-188f9c1a{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn-188f9c1a{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut-188f9c1a{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut-188f9c1a{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-188f9c1a],.nutDropIn[data-v-188f9c1a],.nutDrop-leave-active[data-v-188f9c1a],.nutDropOut[data-v-188f9c1a]{-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-188f9c1a],.nutDropIn[data-v-188f9c1a]{-webkit-animation-name:nutDropIn-188f9c1a;animation-name:nutDropIn-188f9c1a}.nutDrop-leave-active[data-v-188f9c1a],.nutDropOut[data-v-188f9c1a]{-webkit-animation-name:nutDropOut-188f9c1a;animation-name:nutDropOut-188f9c1a}@-webkit-keyframes rotation-188f9c1a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation-188f9c1a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-188f9c1a],.nutRotateIn[data-v-188f9c1a],.nutRotate-leave-active[data-v-188f9c1a],.nutRotateOut[data-v-188f9c1a]{-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-188f9c1a],.nutRotateIn[data-v-188f9c1a]{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active[data-v-188f9c1a],.nutRotateOut[data-v-188f9c1a]{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.box-item[data-v-188f9c1a]{background:#fff;margin-bottom:20px;padding:20px 0}.demo .nut-row[data-v-188f9c1a]{overflow:hidden}.demo .nut-row:not(:last-child) .nut-col[data-v-188f9c1a]{margin-bottom:15px}.flex-content[data-v-188f9c1a]{line-height:40px;color:#fff;text-align:center;border-radius:6px;background:#ff8881}.flex-content.flex-content-light[data-v-188f9c1a]{background:#ffc7c4}.flex-content.flex-content-height[data-v-188f9c1a]{height:50px}\n",document.head.appendChild(a),System.register(["./mobile-legacy.56c2e638.js","./vendor-legacy.d8a4b3f3.js","./index-legacy.7fac09e4.js"],(function(a){"use strict";var t,n,e,i,o,c,f,s,l,u,r;return{setters:[function(a){t=a.a,n=a.b,e=a.c},function(a){i=a.B,o=a.C,c=a.r,f=a.o,s=a.e,l=a.g,u=a.j,r=a.k},function(){}],execute:function(){const{createDemo:d}=e("layout");var m=a("default",d({components:{[t.name]:t,[n.name]:n}}));i("data-v-188f9c1a");const p={class:"demo full"},v=l("h2",null,"基础布局",-1),b={class:"box-item"},k=l("div",{class:"flex-content"},"span:24",-1),y=l("div",{class:"flex-content"},"span:12",-1),w=l("div",{class:"flex-content flex-content-light"},"span:12",-1),x=l("div",{class:"flex-content"},"span:8",-1),g=l("div",{class:"flex-content flex-content-light"},"span:8",-1),_=l("div",{class:"flex-content"},"span:8",-1),h=l("div",{class:"flex-content"},"span:6",-1),I=l("div",{class:"flex-content flex-content-light"},"span:6",-1),O=l("div",{class:"flex-content"},"span:6",-1),D=l("div",{class:"flex-content"},"span:6",-1),E=l("h2",null,"分栏间隔",-1),F={class:"box-item"},Y=l("div",{class:"flex-content"},"span:8",-1),Z=l("div",{class:"flex-content flex-content-light"},"span:8",-1),R=l("div",{class:"flex-content"},"span:8",-1),z=l("h2",null,"Flex布局",-1),j={class:"box-item"},C=l("div",{class:"flex-content"},"span:6",-1),B=l("div",{class:"flex-content flex-content-light"},"span:6",-1),H=l("div",{class:"flex-content"},"span:6",-1),L=l("div",{class:"flex-content"},"span:6",-1),M=l("div",{class:"flex-content flex-content-light"},"span:6",-1),S=l("div",{class:"flex-content"},"span:6",-1),T=l("div",{class:"flex-content"},"span:6",-1),q=l("div",{class:"flex-content flex-content-light"},"span:6",-1),A=l("div",{class:"flex-content"},"span:6",-1),G=l("div",{class:"flex-content"},"span:6",-1),J=l("div",{class:"flex-content flex-content-light"},"span:6",-1),K=l("div",{class:"flex-content"},"span:6",-1),N=l("div",{class:"flex-content"},"span:6",-1),P=l("div",{class:"flex-content flex-content-light"},"span:6",-1),Q=l("div",{class:"flex-content"},"span:6",-1);o(),m.render=function(a,t,n,e,i,o){const d=c("nut-col"),m=c("nut-row");return f(),s("div",p,[v,l("div",b,[u(m,null,{default:r((()=>[u(d,{span:24},{default:r((()=>[k])),_:1})])),_:1}),u(m,null,{default:r((()=>[u(d,{span:12},{default:r((()=>[y])),_:1}),u(d,{span:12},{default:r((()=>[w])),_:1})])),_:1}),u(m,null,{default:r((()=>[u(d,{span:8},{default:r((()=>[x])),_:1}),u(d,{span:8},{default:r((()=>[g])),_:1}),u(d,{span:8},{default:r((()=>[_])),_:1})])),_:1}),u(m,null,{default:r((()=>[u(d,{span:6},{default:r((()=>[h])),_:1}),u(d,{span:6},{default:r((()=>[I])),_:1}),u(d,{span:6},{default:r((()=>[O])),_:1}),u(d,{span:6},{default:r((()=>[D])),_:1})])),_:1})]),E,l("div",F,[u(m,{gutter:10},{default:r((()=>[u(d,{span:8},{default:r((()=>[Y])),_:1}),u(d,{span:8},{default:r((()=>[Z])),_:1}),u(d,{span:8},{default:r((()=>[R])),_:1})])),_:1})]),z,l("div",j,[u(m,{type:"flex",wrap:"nowrap"},{default:r((()=>[u(d,{span:6},{default:r((()=>[C])),_:1}),u(d,{span:6},{default:r((()=>[B])),_:1}),u(d,{span:6},{default:r((()=>[H])),_:1})])),_:1}),u(m,{type:"flex",justify:"center"},{default:r((()=>[u(d,{span:6},{default:r((()=>[L])),_:1}),u(d,{span:6},{default:r((()=>[M])),_:1}),u(d,{span:6},{default:r((()=>[S])),_:1})])),_:1}),u(m,{type:"flex",justify:"end"},{default:r((()=>[u(d,{span:6},{default:r((()=>[T])),_:1}),u(d,{span:6},{default:r((()=>[q])),_:1}),u(d,{span:6},{default:r((()=>[A])),_:1})])),_:1}),u(m,{type:"flex",justify:"space-between"},{default:r((()=>[u(d,{span:6},{default:r((()=>[G])),_:1}),u(d,{span:6},{default:r((()=>[J])),_:1}),u(d,{span:6},{default:r((()=>[K])),_:1})])),_:1}),u(m,{type:"flex",justify:"space-around"},{default:r((()=>[u(d,{span:6},{default:r((()=>[N])),_:1}),u(d,{span:6},{default:r((()=>[P])),_:1}),u(d,{span:6},{default:r((()=>[Q])),_:1})])),_:1})])])},m.__scopeId="data-v-188f9c1a"}}}))}();
|
