"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[953],{40953:function(n,o,e){e.r(o),e.d(o,{default:function(){return X}});var d=e(20641),t=e(90033),l=function(n){return(0,d.Qi)("data-v-ba6d1034"),n=n(),(0,d.jt)(),n},r={class:"lin-container"},i=l((function(){return(0,d.Lk)("div",{class:"lin-title"},"Dropdown 下拉菜单",-1)})),u={class:"lin-wrap-ui"},m=l((function(){return(0,d.Lk)("div",{slot:"header"},[(0,d.Lk)("span",null,"基础用法")],-1)})),a=l((function(){return(0,d.Lk)("span",{class:"el-dropdown-link"},[(0,d.eW)(" 下拉菜单"),(0,d.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1)})),c={style:{"white-space":"pre-wrap"}},p=l((function(){return(0,d.Lk)("div",{slot:"header"},[(0,d.Lk)("span",null,"触发对象")],-1)})),s=l((function(){return(0,d.Lk)("span",{class:"demonstration"},"触发下拉菜单的按钮",-1)})),f=l((function(){return(0,d.Lk)("i",{class:"el-icon-arrow-down el-icon--right"},null,-1)})),w=l((function(){return(0,d.Lk)("span",{class:"demonstration"},"左边是功能按钮，右边是触发下拉菜单的按钮",-1)})),k={style:{"white-space":"pre-wrap"}},b=l((function(){return(0,d.Lk)("div",{slot:"header"},[(0,d.Lk)("span",null,"触发方式")],-1)})),_=l((function(){return(0,d.Lk)("span",{class:"demonstration"},"hover 激活",-1)})),F=l((function(){return(0,d.Lk)("span",{class:"el-dropdown-link"},[(0,d.eW)(" 下拉菜单"),(0,d.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1)})),h=l((function(){return(0,d.Lk)("span",{class:"demonstration"},"click 激活",-1)})),W=l((function(){return(0,d.Lk)("span",{class:"el-dropdown-link"},[(0,d.eW)(" 下拉菜单"),(0,d.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1)})),C={style:{"white-space":"pre-wrap"}},v=l((function(){return(0,d.Lk)("div",{slot:"header"},[(0,d.Lk)("span",null,"菜单隐藏方式")],-1)})),L=l((function(){return(0,d.Lk)("span",{class:"demonstration"},"点击菜单项后不隐藏",-1)})),g=l((function(){return(0,d.Lk)("span",{class:"el-dropdown-link"},[(0,d.eW)(" 下拉菜单"),(0,d.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1)})),y=l((function(){return(0,d.Lk)("span",{class:"demonstration"},"点击菜单项后隐藏",-1)})),z=l((function(){return(0,d.Lk)("span",{class:"el-dropdown-link"},[(0,d.eW)(" 下拉菜单"),(0,d.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1)})),x={style:{"white-space":"pre-wrap"}},B=l((function(){return(0,d.Lk)("div",{slot:"header"},[(0,d.Lk)("span",null,"指令事件")],-1)})),O=l((function(){return(0,d.Lk)("span",{class:"el-dropdown-link"},[(0,d.eW)(" 下拉菜单"),(0,d.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1)})),j={style:{"white-space":"pre-wrap"}},A=l((function(){return(0,d.Lk)("div",{slot:"header"},[(0,d.Lk)("span",null,"不同尺寸")],-1)})),D={style:{"white-space":"pre-wrap"}};function E(n,o,e,l,E,I){var Q=(0,d.g2)("el-dropdown-item"),U=(0,d.g2)("el-dropdown-menu"),X=(0,d.g2)("el-dropdown"),$=(0,d.g2)("el-row"),q=(0,d.g2)("el-collapse-item"),G=(0,d.g2)("el-collapse"),H=(0,d.g2)("el-card"),J=(0,d.g2)("el-button"),K=(0,d.g2)("el-col");return(0,d.uX)(),(0,d.CE)("div",r,[i,(0,d.Lk)("div",u,[(0,d.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,d.k6)((function(){return[m,(0,d.bF)($,null,{default:(0,d.k6)((function(){return[(0,d.Lk)("div",null,[(0,d.bF)(X,{onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[a,(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{disabled:""},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{divided:"",command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"])])]})),_:1}),(0,d.bF)(G,null,{default:(0,d.k6)((function(){return[(0,d.bF)(q,{title:"查看代码",name:"2"},{default:(0,d.k6)((function(){return[(0,d.Lk)("div",c,(0,t.v_)(E.base),1)]})),_:1})]})),_:1})]})),_:1}),(0,d.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,d.k6)((function(){return[p,(0,d.bF)($,null,{default:(0,d.k6)((function(){return[(0,d.Lk)("div",null,[(0,d.bF)($,{class:"block-col-2"},{default:(0,d.k6)((function(){return[(0,d.bF)(K,{span:12},{default:(0,d.k6)((function(){return[s,(0,d.bF)(X,{onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[(0,d.bF)(J,{type:"primary"},{default:(0,d.k6)((function(){return[(0,d.eW)(" 更多菜单"),f]})),_:1}),(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"])]})),_:1}),(0,d.bF)(K,{span:12},{default:(0,d.k6)((function(){return[w,(0,d.bF)(X,{"split-button":"",type:"primary",onClick:I.handleClick,onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[(0,d.eW)(" 更多菜单 "),(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onClick","onCommand"])]})),_:1})]})),_:1})])]})),_:1}),(0,d.bF)(G,{class:"test",style:{color:"red"}},{default:(0,d.k6)((function(){return[(0,d.bF)(q,{title:"查看代码",name:"2"},{default:(0,d.k6)((function(){return[(0,d.Lk)("div",k,(0,t.v_)(E.splitButton),1)]})),_:1})]})),_:1})]})),_:1}),(0,d.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,d.k6)((function(){return[b,(0,d.bF)($,null,{default:(0,d.k6)((function(){return[(0,d.Lk)("div",null,[(0,d.bF)($,{class:"block-col-2"},{default:(0,d.k6)((function(){return[(0,d.bF)(K,{span:12},{default:(0,d.k6)((function(){return[_,(0,d.bF)(X,{onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[F,(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{icon:"el-icon-plus",command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{icon:"el-icon-circle-plus",command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{icon:"el-icon-circle-plus-outline",command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{icon:"el-icon-check",command:"双皮奶"},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{icon:"el-icon-circle-check-outline",command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"])]})),_:1}),(0,d.bF)(K,{span:12},{default:(0,d.k6)((function(){return[h,(0,d.bF)(X,{trigger:"click",onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[W,(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{icon:"el-icon-plus",command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{icon:"el-icon-circle-plus",command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{icon:"el-icon-circle-plus-outline",command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{icon:"el-icon-check",command:"双皮奶"},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{icon:"el-icon-circle-check-outline",command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"])]})),_:1})]})),_:1})])]})),_:1}),(0,d.bF)(G,{class:"test",style:{color:"red"}},{default:(0,d.k6)((function(){return[(0,d.bF)(q,{title:"查看代码",name:"2"},{default:(0,d.k6)((function(){return[(0,d.Lk)("div",C,(0,t.v_)(E.trigger),1)]})),_:1})]})),_:1})]})),_:1}),(0,d.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,d.k6)((function(){return[v,(0,d.bF)($,null,{default:(0,d.k6)((function(){return[(0,d.Lk)("div",null,[(0,d.bF)($,{class:"block-col-2"},{default:(0,d.k6)((function(){return[(0,d.bF)(K,{span:12},{default:(0,d.k6)((function(){return[L,(0,d.bF)(X,{"hide-on-click":!1,onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[g,(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{disabled:""},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{divided:"",command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"])]})),_:1}),(0,d.bF)(K,{span:12},{default:(0,d.k6)((function(){return[y,(0,d.bF)(X,{"hide-on-click":!0,onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[z,(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{disabled:""},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{divided:"",command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"])]})),_:1})]})),_:1})])]})),_:1}),(0,d.bF)(G,null,{default:(0,d.k6)((function(){return[(0,d.bF)(q,{title:"查看代码",name:"2"},{default:(0,d.k6)((function(){return[(0,d.Lk)("div",x,(0,t.v_)(E.hideOnClick),1)]})),_:1})]})),_:1})]})),_:1}),(0,d.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,d.k6)((function(){return[B,(0,d.bF)($,null,{default:(0,d.k6)((function(){return[(0,d.Lk)("div",null,[(0,d.bF)(X,{onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[O,(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"a"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"b"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"c"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{command:"d",disabled:""},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{command:"e",divided:""},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"])])]})),_:1}),(0,d.bF)(G,null,{default:(0,d.k6)((function(){return[(0,d.bF)(q,{title:"查看代码",name:"2"},{default:(0,d.k6)((function(){return[(0,d.Lk)("div",j,(0,t.v_)(E.handleCommandCode),1)]})),_:1})]})),_:1})]})),_:1}),(0,d.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,d.k6)((function(){return[A,(0,d.bF)($,null,{default:(0,d.k6)((function(){return[(0,d.Lk)("div",null,[(0,d.bF)(X,{"split-button":"",type:"primary",onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[(0,d.eW)(" 默认尺寸 "),(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"]),(0,d.bF)(X,{size:"medium","split-button":"",type:"primary",onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[(0,d.eW)(" 中等尺寸 "),(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"]),(0,d.bF)(X,{size:"small","split-button":"",type:"primary",onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[(0,d.eW)(" 小型尺寸 "),(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"]),(0,d.bF)(X,{size:"mini","split-button":"",type:"primary",onCommand:I.handleCommand},{default:(0,d.k6)((function(){return[(0,d.eW)(" 超小尺寸 "),(0,d.bF)(U,{slot:"dropdown"},{default:(0,d.k6)((function(){return[(0,d.bF)(Q,{command:"黄金糕"},{default:(0,d.k6)((function(){return[(0,d.eW)("黄金糕")]})),_:1}),(0,d.bF)(Q,{command:"狮子头"},{default:(0,d.k6)((function(){return[(0,d.eW)("狮子头")]})),_:1}),(0,d.bF)(Q,{command:"螺蛳粉"},{default:(0,d.k6)((function(){return[(0,d.eW)("螺蛳粉")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("双皮奶")]})),_:1}),(0,d.bF)(Q,{command:"蚵仔煎"},{default:(0,d.k6)((function(){return[(0,d.eW)("蚵仔煎")]})),_:1})]})),_:1})]})),_:1},8,["onCommand"])])]})),_:1}),(0,d.bF)(G,null,{default:(0,d.k6)((function(){return[(0,d.bF)(q,{title:"查看代码",name:"2"},{default:(0,d.k6)((function(){return[(0,d.Lk)("div",D,(0,t.v_)(E.size),1)]})),_:1})]})),_:1})]})),_:1})])])}var I={name:"LinCmsUiButton",components:{},data:function(){return{base:' \n <el-dropdown @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>',splitButton:'\n <div>\n <el-row class="block-col-2">\n <el-col :span="12">\n <span class="demonstration">触发下拉菜单的按钮</span>\n <el-dropdown @command="handleCommand">\n <el-button type="primary">\n 更多菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </el-button>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item command="蚵仔煎">双皮奶</el-dropdown-item>\n <el-dropdown-item command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n <el-col :span="12">\n <span class="demonstration">左边是功能按钮，右边是触发下拉菜单的按钮</span>\n <el-dropdown split-button type="primary" @click="handleClick" @command="handleCommand">\n 更多菜单\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item command="蚵仔煎">双皮奶</el-dropdown-item>\n <el-dropdown-item command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n </el-row>\n </div>',trigger:'\n <div>\n <el-row class="block-col-2">\n <el-col :span="12">\n <span class="demonstration">hover 激活</span>\n <el-dropdown @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item icon="el-icon-plus" command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-plus" command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-plus-outline" command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item icon="el-icon-check" command="双皮奶">双皮奶</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-check-outline" command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n <el-col :span="12">\n <span class="demonstration">click 激活</span>\n <el-dropdown trigger="click" @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item icon="el-icon-plus" command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-plus" command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-plus-outline" command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item icon="el-icon-check" command="双皮奶">双皮奶</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-check-outline" command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n </el-row>\n </div>',hideOnClick:'\n <div>\n <el-row class="block-col-2">\n <el-col :span="12">\n <span class="demonstration">点击菜单项后不隐藏</span>\n <el-dropdown :hide-on-click="false" @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n <el-col :span="12">\n <span class="demonstration">点击菜单项后隐藏</span>\n <el-dropdown :hide-on-click="true" @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n </el-row>\n </div>',handleCommandCode:'\n <div>\n <el-dropdown @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="a">黄金糕</el-dropdown-item>\n <el-dropdown-item command="b">狮子头</el-dropdown-item>\n <el-dropdown-item command="c">螺蛳粉</el-dropdown-item>\n <el-dropdown-item command="d" disabled>双皮奶</el-dropdown-item>\n <el-dropdown-item command="e" divided>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </div>',size:'\n <el-dropdown split-button type="primary">\n 默认尺寸\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item>黄金糕</el-dropdown-item>\n <el-dropdown-item>狮子头</el-dropdown-item>\n <el-dropdown-item>螺蛳粉</el-dropdown-item>\n <el-dropdown-item>双皮奶</el-dropdown-item>\n <el-dropdown-item>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n\n <el-dropdown size="medium" split-button type="primary">\n 中等尺寸\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item>黄金糕</el-dropdown-item>\n <el-dropdown-item>狮子头</el-dropdown-item>\n <el-dropdown-item>螺蛳粉</el-dropdown-item>\n <el-dropdown-item>双皮奶</el-dropdown-item>\n <el-dropdown-item>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n\n <el-dropdown size="small" split-button type="primary">\n 小型尺寸\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item>黄金糕</el-dropdown-item>\n <el-dropdown-item>狮子头</el-dropdown-item>\n <el-dropdown-item>螺蛳粉</el-dropdown-item>\n <el-dropdown-item>双皮奶</el-dropdown-item>\n <el-dropdown-item>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n\n <el-dropdown size="mini" split-button type="primary">\n 超小尺寸\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item>黄金糕</el-dropdown-item>\n <el-dropdown-item>狮子头</el-dropdown-item>\n <el-dropdown-item>螺蛳粉</el-dropdown-item>\n <el-dropdown-item>双皮奶</el-dropdown-item>\n <el-dropdown-item>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{handleCommand:function(n){this.$message("点击了 "+n)},handleClick:function(){alert("button click")},init:function(){}}},Q=e(66262);const U=(0,Q.A)(I,[["render",E],["__scopeId","data-v-ba6d1034"]]);var X=U}}]);
|
