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