| 1 |
- !function(){var t=document.createElement("style");t.innerHTML="@-webkit-keyframes nutFadeIn-6e621855{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn-6e621855{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut-6e621855{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut-6e621855{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-6e621855],.nutFadeIn[data-v-6e621855],.nutFade-leave-active[data-v-6e621855],.nutFadeOut[data-v-6e621855]{-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-6e621855],.nutFadeIn[data-v-6e621855]{-webkit-animation-name:nutFadeIn-6e621855;animation-name:nutFadeIn-6e621855}.nutFade-leave-active[data-v-6e621855],.nutFadeOut[data-v-6e621855]{-webkit-animation-name:nutFadeOut-6e621855;animation-name:nutFadeOut-6e621855}@-webkit-keyframes nutZoomIn-6e621855{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn-6e621855{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut-6e621855{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut-6e621855{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-6e621855],.nutZoomIn[data-v-6e621855],.nutZoom-leave-active[data-v-6e621855],.nutZoomOut[data-v-6e621855]{-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-6e621855],.nutZoomIn[data-v-6e621855]{-webkit-animation-name:nutZoomIn-6e621855;animation-name:nutZoomIn-6e621855}.nutZoom-leave-active[data-v-6e621855],.nutZoomOut[data-v-6e621855]{-webkit-animation-name:nutZoomOut-6e621855;animation-name:nutZoomOut-6e621855}@-webkit-keyframes nutEaseIn-6e621855{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn-6e621855{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut-6e621855{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut-6e621855{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-6e621855],.nutEaseIn[data-v-6e621855],.nutEase-leave-active[data-v-6e621855],.nutEaseOut[data-v-6e621855]{-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-6e621855],.nutEaseIn[data-v-6e621855]{-webkit-animation-name:nutEaseIn-6e621855;animation-name:nutEaseIn-6e621855}.nutEase-leave-active[data-v-6e621855],.nutEaseOut[data-v-6e621855]{-webkit-animation-name:nutEaseOut-6e621855;animation-name:nutEaseOut-6e621855}@-webkit-keyframes nutDropIn-6e621855{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn-6e621855{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut-6e621855{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut-6e621855{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-6e621855],.nutDropIn[data-v-6e621855],.nutDrop-leave-active[data-v-6e621855],.nutDropOut[data-v-6e621855]{-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-6e621855],.nutDropIn[data-v-6e621855]{-webkit-animation-name:nutDropIn-6e621855;animation-name:nutDropIn-6e621855}.nutDrop-leave-active[data-v-6e621855],.nutDropOut[data-v-6e621855]{-webkit-animation-name:nutDropOut-6e621855;animation-name:nutDropOut-6e621855}@-webkit-keyframes rotation-6e621855{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation-6e621855{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-6e621855],.nutRotateIn[data-v-6e621855],.nutRotate-leave-active[data-v-6e621855],.nutRotateOut[data-v-6e621855]{-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-6e621855],.nutRotateIn[data-v-6e621855]{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active[data-v-6e621855],.nutRotateOut[data-v-6e621855]{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.tips[data-v-6e621855]{font-size:12px;color:#909ca4;margin-top:-10px;margin-bottom:10px;padding:0 22px}.base-style.nut-menu-item .nut-menu-panel[data-v-6e621855]{max-height:300px!important;overflow:auto}.user-style[data-v-6e621855]{padding:20px}#app .demo.menu-demo[data-v-6e621855]{padding-bottom:200px}\n",document.head.appendChild(t),System.register(["./mobile-legacy.d4517c41.js","./index-legacy.5dec0910.js","./vendor-legacy.44d419bd.js"],(function(t){"use strict";var e,a,n,i,o,u,m,l,s,r,c,d,f;return{setters:[function(t){e=t.c},function(t){a=t._},function(t){n=t.a,i=t.A,o=t.r,u=t.e,m=t.j,l=t.k,s=t.B,r=t.C,c=t.g,d=t.o,f=t.l}],execute:function(){const{createDemo:b}=e("menu"),v=b({props:{},setup(){const t=n({title:"热门推荐",menuList:[{value:"手机"},{value:"电脑"},{value:"家用电器"},{value:"日用百货"}],menuList2:[{value:"热门推荐",id:111},{value:"手机数码",id:112},{value:"电脑办公",id:113},{value:"美妆护肤",id:114},{value:"个护清洁",id:115},{value:"汽车生活",id:116},{value:"京东超市",id:117},{value:"母婴童装",id:118}]});return{...i(t),getChecked:(t,e)=>{alert("选择菜单选项："+e),console.log(11,t,e)},alertText:(t,e)=>{console.log(t,e),"title"==e?alert("菜单标题点击："+t):alert("禁用操作")}}}}),k=t=>(s("data-v-6e621855"),t=t(),r(),t),p={class:"demo full menu-demo"},y=k((()=>c("h2",null,"基础用法",-1))),w=k((()=>c("h2",null,"多列展示",-1))),g=k((()=>c("h2",null,"禁用操作",-1))),h=k((()=>c("p",{class:"tips"},"`disabled` 属性可对菜单列表进行禁用操作。`autoClose` 属性控制下拉菜单列表是否选择后自动收起，默认自动收起。",-1))),I=k((()=>c("h2",null,"禁止蒙层展示",-1))),O=k((()=>c("p",{class:"tips"},"属性`hasMask`控制是否有蒙层，默认为 `true`展示蒙层 ",-1))),D=k((()=>c("h2",null,"点击事件",-1))),E=k((()=>c("p",{class:"tips"},"标题点击事件`menu-click`，菜单列表选择点击事件`change`",-1))),F=k((()=>c("h2",null,"自定义内容",-1))),Y={class:"user-style"},Z=f("确认提交");t("default",a(v,[["render",function(t,e,a,n,i,s){const r=o("nut-menu-item"),f=o("nut-menu"),b=o("nut-cell"),v=o("nut-button");return d(),u("div",p,[y,m(f,null,{default:l((()=>[m(r,{"menu-list":t.menuList,title:"最新商品"},null,8,["menu-list"]),m(r,{"menu-list":t.menuList,title:t.title},null,8,["menu-list","title"])])),_:1}),w,m(f,null,{default:l((()=>[m(r,{class:"base-style","menu-list":t.menuList2,title:"单列展示","multi-style":"1","max-height":"200"},null,8,["menu-list"]),m(r,{"menu-list":t.menuList2,title:"双列展示","multi-style":"2"},null,8,["menu-list"]),m(r,{"menu-list":t.menuList2,title:"三列展示","multi-style":"3"},null,8,["menu-list"])])),_:1}),g,h,m(f,null,{default:l((()=>[m(r,{"menu-list":t.menuList,title:"最新商品"},null,8,["menu-list"]),m(r,{"menu-list":t.menuList,title:"禁止自动收起","auto-close":!1},null,8,["menu-list"]),m(r,{"menu-list":t.menuList2,title:"筛选",disabled:""},null,8,["menu-list"])])),_:1}),I,O,m(f,{"has-mask":!1},{default:l((()=>[m(r,{"menu-list":t.menuList,title:"最新商品"},null,8,["menu-list"]),m(r,{"menu-list":t.menuList,title:t.title},null,8,["menu-list","title"])])),_:1}),D,E,m(f,null,{default:l((()=>[m(r,{"menu-list":t.menuList,title:"选择菜单列表项","multi-style":"2",onMenuClick:e[0]||(e[0]=e=>t.alertText(e,"title")),onChange:t.getChecked},null,8,["menu-list","onChange"]),m(r,{"menu-list":t.menuList2,title:"选中标题触发",disabled:"",onMenuClick:t.alertText},null,8,["menu-list","onMenuClick"])])),_:1}),F,m(f,null,{default:l((()=>[m(r,{title:"自定义选项"},{default:l((()=>[c("div",Y,[m(b,{title:"我是标题",desc:"描述文字"}),m(b,null,{default:l((()=>[m(v,{size:"large",type:"primary"},{default:l((()=>[Z])),_:1})])),_:1})])])),_:1})])),_:1})])}],["__scopeId","data-v-6e621855"]]))}}}))}();
|
