| 1 |
- var l=Object.assign;import{c as e}from"./mobile.91b56ad5.js";import{a as t,z as u,s as n,x as s,r as i,o as a,c as m,f as d,q as o,j as c}from"./vendor.80bf15c7.js";import"./index.11b19ad8.js";const{createDemo:r}=e("menu");var v=r({props:{},setup(){const e=t({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 l(l({},u(e)),{getChecked:(l,e)=>{alert("选择菜单选项："+e),console.log(11,l,e)},alertText:(l,e)=>{console.log(l,e),"title"==e?alert("菜单标题点击："+l):alert("禁用操作")}})}});const b=o("data-v-b92c9dbe");n("data-v-b92c9dbe");const p={class:"demo full menu-demo"},f=d("h2",null,"基础用法",-1),h=d("h2",null,"多列展示",-1),L=d("h2",null,"禁用操作",-1),_=d("p",{class:"tips"},"`disabled` 属性可对菜单列表进行禁用操作。`autoClose` 属性控制下拉菜单列表是否选择后自动收起，默认自动收起。",-1),g=d("h2",null,"禁止蒙层展示",-1),k=d("p",{class:"tips"},"属性`hasMask`控制是否有蒙层，默认为 `true`展示蒙层 ",-1),y=d("h2",null,"点击事件",-1),C=d("p",{class:"tips"},"标题点击事件`menu-click`，菜单列表选择点击事件`on-change`",-1),x=d("h2",null,"自定义内容",-1),j={class:"user-style"},M=c("确认提交");s();const O=b(((l,e,t,u,n,s)=>{const o=i("nut-menu-item"),c=i("nut-menu"),r=i("nut-cell"),v=i("nut-button");return a(),m("div",p,[f,d(c,null,{default:b((()=>[d(o,{"menu-list":l.menuList,title:"最新商品"},null,8,["menu-list"]),d(o,{"menu-list":l.menuList,title:l.title},null,8,["menu-list","title"])])),_:1}),h,d(c,null,{default:b((()=>[d(o,{class:"base-style","menu-list":l.menuList2,title:"单列展示","multi-style":"1","max-height":"200"},null,8,["menu-list"]),d(o,{"menu-list":l.menuList2,title:"双列展示","multi-style":"2"},null,8,["menu-list"]),d(o,{"menu-list":l.menuList2,title:"三列展示","multi-style":"3"},null,8,["menu-list"])])),_:1}),L,_,d(c,null,{default:b((()=>[d(o,{"menu-list":l.menuList,title:"最新商品"},null,8,["menu-list"]),d(o,{"menu-list":l.menuList,title:"禁止自动收起","auto-close":!1},null,8,["menu-list"]),d(o,{"menu-list":l.menuList2,title:"筛选",disabled:""},null,8,["menu-list"])])),_:1}),g,k,d(c,{"has-mask":!1},{default:b((()=>[d(o,{"menu-list":l.menuList,title:"最新商品"},null,8,["menu-list"]),d(o,{"menu-list":l.menuList,title:l.title},null,8,["menu-list","title"])])),_:1}),y,C,d(c,null,{default:b((()=>[d(o,{"menu-list":l.menuList,title:"选择菜单列表项","multi-style":"2",onMenuClick:e[1]||(e[1]=e=>l.alertText(e,"title")),onOnChange:l.getChecked},null,8,["menu-list","onOnChange"]),d(o,{"menu-list":l.menuList2,title:"选中标题触发",disabled:"",onMenuClick:l.alertText},null,8,["menu-list","onMenuClick"])])),_:1}),x,d(c,null,{default:b((()=>[d(o,{title:"自定义选项"},{default:b((()=>[d("div",j,[d(r,{title:"我是标题",desc:"描述文字"}),d(r,null,{default:b((()=>[d(v,{size:"large",type:"primary"},{default:b((()=>[M])),_:1})])),_:1})])])),_:1})])),_:1})])}));v.render=O,v.__scopeId="data-v-b92c9dbe";export default v;
|
