"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[5049],{25049:function(e,l,a){a.r(l),a.d(l,{default:function(){return h}});var t=a(20641),s=a(90033);const n=e=>((0,t.Qi)("data-v-139b3162"),e=e(),(0,t.jt)(),e),d={class:"lin-container"},i=n((()=>(0,t.Lk)("div",{class:"lin-title"},"Badge 标记",-1))),u={class:"lin-wrap-ui"},o=n((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"基础用法")],-1))),b=n((()=>(0,t.Lk)("span",{class:"el-dropdown-link"},[(0,t.eW)(" 点我查看"),(0,t.Lk)("i",{class:"el-icon-caret-bottom el-icon--right"})],-1))),c={style:{"white-space":"pre-wrap"}},m=n((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"最大值")],-1))),r={style:{"white-space":"pre-wrap"}},k=n((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"自定义内容")],-1))),p={style:{"white-space":"pre-wrap"}},f=n((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"小红点")],-1))),_={style:{"white-space":"pre-wrap"}};function g(e,l,a,n,g,v){const F=(0,t.g2)("el-button"),w=(0,t.g2)("el-badge"),h=(0,t.g2)("el-dropdown-item"),y=(0,t.g2)("el-dropdown-menu"),L=(0,t.g2)("el-dropdown"),z=(0,t.g2)("el-row"),x=(0,t.g2)("el-collapse-item"),W=(0,t.g2)("el-collapse"),C=(0,t.g2)("el-card");return(0,t.uX)(),(0,t.CE)("div",d,[i,(0,t.Lk)("div",u,[(0,t.bF)(C,{style:{"margin-bottom":"50px"},class:"demo"},{default:(0,t.k6)((()=>[o,(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.bF)(w,{value:12,class:"item"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("评论")])),_:1})])),_:1}),(0,t.bF)(w,{value:3,class:"item"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("回复")])),_:1})])),_:1}),(0,t.bF)(w,{value:1,class:"item",type:"primary"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("评论")])),_:1})])),_:1}),(0,t.bF)(w,{value:2,class:"item",type:"warning"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("回复")])),_:1})])),_:1}),(0,t.bF)(L,{trigger:"click"},{default:(0,t.k6)((()=>[b,(0,t.bF)(y,{slot:"dropdown"},{default:(0,t.k6)((()=>[(0,t.bF)(h,{class:"clearfix"},{default:(0,t.k6)((()=>[(0,t.eW)(" 评论 "),(0,t.bF)(w,{class:"mark",value:12})])),_:1}),(0,t.bF)(h,{class:"clearfix"},{default:(0,t.k6)((()=>[(0,t.eW)(" 回复 "),(0,t.bF)(w,{class:"mark",value:3})])),_:1})])),_:1})])),_:1})])),_:1}),(0,t.bF)(W,null,{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",c,(0,s.v_)(g.base),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(C,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[m,(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.Lk)("div",null,[(0,t.bF)(w,{value:200,max:99,class:"item"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("评论")])),_:1})])),_:1}),(0,t.bF)(w,{value:100,max:10,class:"item"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("回复")])),_:1})])),_:1})])])),_:1}),(0,t.bF)(W,{class:"test",style:{color:"red"}},{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",r,(0,s.v_)(g.max),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(C,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[k,(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.Lk)("div",null,[(0,t.bF)(w,{value:"new",class:"item"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("评论")])),_:1})])),_:1}),(0,t.bF)(w,{value:"hot",class:"item"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("回复")])),_:1})])),_:1})])])),_:1}),(0,t.bF)(W,{class:"test",style:{color:"red"}},{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",p,(0,s.v_)(g.customize),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(C,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[f,(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.Lk)("div",null,[(0,t.bF)(w,{"is-dot":"",class:"item"},{default:(0,t.k6)((()=>[(0,t.eW)("数据查询")])),_:1}),(0,t.bF)(w,{"is-dot":"",class:"item"},{default:(0,t.k6)((()=>[(0,t.bF)(F,{class:"share-button",icon:"el-icon-share",type:"primary"})])),_:1})])])),_:1}),(0,t.bF)(W,null,{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",_,(0,s.v_)(g.isDot),1)])),_:1})])),_:1})])),_:1})])])}var v={name:"",components:{},data(){return{text:"",base:'\n <el-badge :value="12" class="item">\n <el-button size="small">评论</el-button>\n </el-badge>\n <el-badge :value="3" class="item">\n <el-button size="small">回复</el-button>\n </el-badge>\n <el-badge :value="1" class="item" type="primary">\n <el-button size="small">评论</el-button>\n </el-badge>\n <el-badge :value="2" class="item" type="warning">\n <el-button size="small">回复</el-button>\n </el-badge>\n\n <el-dropdown trigger="click">\n <span class="el-dropdown-link">\n 点我查看<i class="el-icon-caret-bottom el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item class="clearfix">\n 评论\n <el-badge class="mark" :value="12" />\n </el-dropdown-item>\n <el-dropdown-item class="clearfix">\n 回复\n <el-badge class="mark" :value="3" />\n </el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>',max:'\n <el-badge :value="200" :max="99" class="item">\n <el-button size="small">评论</el-button>\n </el-badge>\n <el-badge :value="100" :max="10" class="item">\n <el-button size="small">回复</el-button>\n </el-badge>',customize:'\n <el-badge value="new" class="item">\n <el-button size="small">评论</el-button>\n </el-badge>\n <el-badge value="hot" class="item">\n <el-button size="small">回复</el-button>\n </el-badge>',isDot:'\n <el-badge is-dot class="item">数据查询</el-badge>\n <el-badge is-dot class="item">\n <el-button class="share-button" icon="el-icon-share" type="primary"></el-button>\n </el-badge>\n '}},computed:{},watch:{},mounted(){this.init()},methods:{init(){}}},F=a(66262);const w=(0,F.A)(v,[["render",g],["__scopeId","data-v-139b3162"]]);var h=w}}]);
|
