"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[3040],{3040:function(e,t,l){l.r(t),l.d(t,{default:function(){return A}});var n=l(20641),i=l(90033);const a=e=>((0,n.Qi)("data-v-22067f0a"),e=e(),(0,n.jt)(),e),o={class:"lin-container"},u=a((()=>(0,n.Lk)("div",{class:"lin-title"},"Button 按钮",-1))),b={class:"lin-wrap-ui"},r=a((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"基础按钮")],-1))),d={style:{"white-space":"pre-wrap"}},c=a((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"朴素按钮")],-1))),p={style:{"white-space":"pre-wrap"}},s=a((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"圆形按钮")],-1))),y={style:{"white-space":"pre-wrap"}},k=a((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"禁用状态")],-1))),m={style:{"white-space":"pre-wrap"}},f=a((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"图标按钮")],-1))),F=a((()=>(0,n.Lk)("i",{class:"el-icon-upload el-icon--right"},null,-1))),_={style:{"white-space":"pre-wrap"}},g=a((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"加载中")],-1))),h={style:{"white-space":"pre-wrap"}},w=a((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"按钮组")],-1))),v=a((()=>(0,n.Lk)("i",{class:"el-icon-arrow-right el-icon--right"},null,-1))),W={style:{"white-space":"pre-wrap"}},L=a((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"不同尺寸")],-1))),z={style:{"white-space":"pre-wrap"}};function x(e,t,l,a,x,C){const B=(0,n.g2)("el-button"),j=(0,n.g2)("el-row"),A=(0,n.g2)("el-collapse-item"),E=(0,n.g2)("el-collapse"),I=(0,n.g2)("el-card"),Q=(0,n.g2)("el-button-group");return(0,n.uX)(),(0,n.CE)("div",o,[u,(0,n.Lk)("div",b,[(0,n.bF)(I,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[r,(0,n.bF)(j,null,{default:(0,n.k6)((()=>[(0,n.bF)(B,null,{default:(0,n.k6)((()=>[(0,n.eW)("默认按钮")])),_:1}),(0,n.bF)(B,{type:"primary"},{default:(0,n.k6)((()=>[(0,n.eW)("主要按钮")])),_:1}),(0,n.bF)(B,{type:"success"},{default:(0,n.k6)((()=>[(0,n.eW)("成功按钮")])),_:1}),(0,n.bF)(B,{type:"warning"},{default:(0,n.k6)((()=>[(0,n.eW)("警告按钮")])),_:1}),(0,n.bF)(B,{type:"danger"},{default:(0,n.k6)((()=>[(0,n.eW)("危险按钮")])),_:1})])),_:1}),(0,n.bF)(E,null,{default:(0,n.k6)((()=>[(0,n.bF)(A,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",d,(0,i.v_)(x.primary),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(I,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[c,(0,n.bF)(j,null,{default:(0,n.k6)((()=>[(0,n.bF)(B,{plain:""},{default:(0,n.k6)((()=>[(0,n.eW)("朴素按钮")])),_:1}),(0,n.bF)(B,{type:"primary",plain:""},{default:(0,n.k6)((()=>[(0,n.eW)("主要按钮")])),_:1}),(0,n.bF)(B,{type:"success",plain:""},{default:(0,n.k6)((()=>[(0,n.eW)("成功按钮")])),_:1}),(0,n.bF)(B,{type:"warning",plain:""},{default:(0,n.k6)((()=>[(0,n.eW)("警告按钮")])),_:1}),(0,n.bF)(B,{type:"danger",plain:""},{default:(0,n.k6)((()=>[(0,n.eW)("危险按钮")])),_:1})])),_:1}),(0,n.bF)(E,{class:"test",style:{color:"red"}},{default:(0,n.k6)((()=>[(0,n.bF)(A,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",p,(0,i.v_)(x.plain),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(I,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[s,(0,n.bF)(j,null,{default:(0,n.k6)((()=>[(0,n.bF)(B,{icon:"el-icon-search",circle:""}),(0,n.bF)(B,{type:"primary",icon:"el-icon-edit",circle:""}),(0,n.bF)(B,{type:"success",icon:"el-icon-check",circle:""}),(0,n.bF)(B,{type:"warning",icon:"el-icon-star-off",circle:""}),(0,n.bF)(B,{type:"danger",icon:"el-icon-delete",circle:""}),(0,n.bF)(B,{icon:"el-icon-search",plain:"",circle:""}),(0,n.bF)(B,{type:"primary",icon:"el-icon-edit",plain:"",circle:""}),(0,n.bF)(B,{type:"success",icon:"el-icon-check",plain:"",circle:""}),(0,n.bF)(B,{type:"warning",icon:"el-icon-star-off",plain:"",circle:""}),(0,n.bF)(B,{type:"danger",icon:"el-icon-delete",plain:"",circle:""})])),_:1}),(0,n.bF)(E,null,{default:(0,n.k6)((()=>[(0,n.bF)(A,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",y,(0,i.v_)(x.circle),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(I,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[k,(0,n.bF)(j,{style:{"margin-bottom":"10px"}},{default:(0,n.k6)((()=>[(0,n.bF)(B,{disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("默认按钮")])),_:1}),(0,n.bF)(B,{type:"primary",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("主要按钮")])),_:1}),(0,n.bF)(B,{type:"success",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("成功按钮")])),_:1}),(0,n.bF)(B,{type:"warning",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("警告按钮")])),_:1}),(0,n.bF)(B,{type:"danger",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("危险按钮")])),_:1})])),_:1}),(0,n.bF)(j,null,{default:(0,n.k6)((()=>[(0,n.bF)(B,{plain:"",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("朴素按钮")])),_:1}),(0,n.bF)(B,{type:"primary",plain:"",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("主要按钮")])),_:1}),(0,n.bF)(B,{type:"success",plain:"",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("成功按钮")])),_:1}),(0,n.bF)(B,{type:"warning",plain:"",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("警告按钮")])),_:1}),(0,n.bF)(B,{type:"danger",plain:"",disabled:""},{default:(0,n.k6)((()=>[(0,n.eW)("危险按钮")])),_:1})])),_:1}),(0,n.bF)(E,null,{default:(0,n.k6)((()=>[(0,n.bF)(A,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",m,(0,i.v_)(x.disabled),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(I,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[f,(0,n.bF)(B,{type:"primary",icon:"el-icon-edit"}),(0,n.bF)(B,{type:"primary",icon:"el-icon-share"}),(0,n.bF)(B,{type:"primary",icon:"el-icon-delete"}),(0,n.bF)(B,{type:"primary",icon:"el-icon-search"},{default:(0,n.k6)((()=>[(0,n.eW)("搜索")])),_:1}),(0,n.bF)(B,{type:"primary"},{default:(0,n.k6)((()=>[(0,n.eW)(" 上传 "),F])),_:1}),(0,n.bF)(E,null,{default:(0,n.k6)((()=>[(0,n.bF)(A,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",_,(0,i.v_)(x.icon),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(I,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[g,(0,n.bF)(B,{type:"primary",loading:!0},{default:(0,n.k6)((()=>[(0,n.eW)("加载中")])),_:1}),(0,n.bF)(E,null,{default:(0,n.k6)((()=>[(0,n.bF)(A,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",h,(0,i.v_)(x.loade),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(I,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[w,(0,n.bF)(Q,{style:{"margin-right":"10px"}},{default:(0,n.k6)((()=>[(0,n.bF)(B,{type:"primary",icon:"el-icon-arrow-left"},{default:(0,n.k6)((()=>[(0,n.eW)("上一页")])),_:1}),(0,n.bF)(B,{type:"primary"},{default:(0,n.k6)((()=>[(0,n.eW)(" 下一页 "),v])),_:1})])),_:1}),(0,n.bF)(Q,null,{default:(0,n.k6)((()=>[(0,n.bF)(B,{type:"primary",icon:"el-icon-edit"}),(0,n.bF)(B,{type:"primary",icon:"el-icon-share"}),(0,n.bF)(B,{type:"primary",icon:"el-icon-delete"})])),_:1}),(0,n.bF)(E,null,{default:(0,n.k6)((()=>[(0,n.bF)(A,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",W,(0,i.v_)(x.group),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(I,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[L,(0,n.bF)(j,null,{default:(0,n.k6)((()=>[(0,n.bF)(B,null,{default:(0,n.k6)((()=>[(0,n.eW)("默认按钮")])),_:1}),(0,n.bF)(B,{size:"medium"},{default:(0,n.k6)((()=>[(0,n.eW)("中等按钮")])),_:1}),(0,n.bF)(B,{size:"small"},{default:(0,n.k6)((()=>[(0,n.eW)("小型按钮")])),_:1}),(0,n.bF)(B,{size:"mini"},{default:(0,n.k6)((()=>[(0,n.eW)("超小按钮")])),_:1})])),_:1}),(0,n.bF)(j,{style:{"margin-top":"10px"}},{default:(0,n.k6)((()=>[(0,n.bF)(B,{round:""},{default:(0,n.k6)((()=>[(0,n.eW)("默认按钮")])),_:1}),(0,n.bF)(B,{size:"medium",round:""},{default:(0,n.k6)((()=>[(0,n.eW)("中等按钮")])),_:1}),(0,n.bF)(B,{size:"small",round:""},{default:(0,n.k6)((()=>[(0,n.eW)("小型按钮")])),_:1}),(0,n.bF)(B,{size:"mini",round:""},{default:(0,n.k6)((()=>[(0,n.eW)("超小按钮")])),_:1})])),_:1}),(0,n.bF)(E,null,{default:(0,n.k6)((()=>[(0,n.bF)(A,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",z,(0,i.v_)(x.size),1)])),_:1})])),_:1})])),_:1})])])}var C={name:"LinCmsUiButton",components:{},data(){return{text:"",primary:'\n <el-button>默认按钮</el-button>\n <el-button type="primary">主要按钮</el-button>\n <el-button type="success">成功按钮</el-button>\n <el-button type="warning">警告按钮</el-button>\n <el-button type="danger">危险按钮</el-button>',plain:'\n <el-button plain disabled>朴素按钮</el-button>\n <el-button type="primary" plain disabled>主要按钮</el-button>\n <el-button type="success" plain disabled>成功按钮</el-button>\n <el-button type="warning" plain disabled>警告按钮</el-button>\n <el-button type="danger" plain disabled>危险按钮</el-button>',circle:'\n <el-button icon="el-icon-search" circle></el-button>\n <el-button type="primary" icon="el-icon-edit" circle></el-button>\n <el-button type="success" icon="el-icon-check" circle></el-button>\n <el-button type="warning" icon="el-icon-star-off" circle></el-button>\n <el-button type="danger" icon="el-icon-delete" circle></el-button>\n\n <el-button icon="el-icon-search" plain circle></el-button>\n <el-button type="primary" icon="el-icon-edit" plain circle></el-button>\n <el-button type="success" icon="el-icon-check" plain circle></el-button>\n <el-button type="warning" icon="el-icon-star-off" plain circle></el-button>\n <el-button type="danger" icon="el-icon-delete" plain circle></el-button>',disabled:'\n <el-button disabled>默认按钮</el-button>\n <el-button type="primary" disabled>主要按钮</el-button>\n <el-button type="success" disabled>成功按钮</el-button>\n <el-button type="warning" disabled>警告按钮</el-button>\n <el-button type="danger" disabled>危险按钮</el-button>\n\n <el-button plain disabled>朴素按钮</el-button>\n <el-button type="primary" plain disabled>主要按钮</el-button>\n <el-button type="success" plain disabled>成功按钮</el-button>\n <el-button type="warning" plain disabled>警告按钮</el-button>\n <el-button type="danger" plain disabled>危险按钮</el-button>',icon:'\n <el-button type="primary" icon="el-icon-edit"></el-button>\n <el-button type="primary" icon="el-icon-share"></el-button>\n <el-button type="primary" icon="el-icon-delete"></el-button>\n <el-button type="primary" icon="el-icon-search">搜索</el-button>\n <el-button type="primary"> 上传 <i class="el-icon-upload el-icon--right"></i> </el-button>',loade:'\n <el-button type="primary" :loading="true">加载中</el-button>',group:'\n <el-button-group">\n <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>\n <el-button type="primary"> 下一页 <i class="el-icon-arrow-right el-icon--right"></i></el-button>\n </el-button-group>\n\n <el-button-group>\n <el-button type="primary" icon="el-icon-edit"></el-button>\n <el-button type="primary" icon="el-icon-share"></el-button>\n <el-button type="primary" icon="el-icon-delete"></el-button>\n </el-button-group>',size:'\n <el-button>默认按钮</el-button>\n <el-button size="medium">中等按钮</el-button>\n <el-button size="small">小型按钮</el-button>\n <el-button size="mini">超小按钮</el-button>\n\n <el-button round>默认按钮</el-button>\n <el-button size="medium" round>中等按钮</el-button>\n <el-button size="small" round>小型按钮</el-button>\n <el-button size="mini" round>超小按钮</el-button>'}},computed:{},watch:{},mounted(){this.init()},methods:{init(){}}},B=l(66262);const j=(0,B.A)(C,[["render",x],["__scopeId","data-v-22067f0a"]]);var A=j}}]);
|
