"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[8070],{85689:function(e,t,r){r.r(t),r.d(t,{default:function(){return x}});var s=r(20641),n=r(90033),c=function(e){return(0,s.Qi)("data-v-484f7613"),e=e(),(0,s.jt)(),e},l={class:"lin-container"},o=c((function(){return(0,s.Lk)("div",{class:"lin-title"},"Progress 进度条",-1)})),i={class:"lin-wrap-ui"},p=c((function(){return(0,s.Lk)("div",{slot:"header"},[(0,s.Lk)("span",null,"线形进度条 — 百分比外显")],-1)})),a={style:{"white-space":"pre-wrap"}},u=c((function(){return(0,s.Lk)("div",{slot:"header"},[(0,s.Lk)("span",null,"线形进度条 — 百分比内显")],-1)})),g={style:{"white-space":"pre-wrap"}},d=c((function(){return(0,s.Lk)("div",{slot:"header"},[(0,s.Lk)("span",null,"环形进度条")],-1)})),f={style:{"white-space":"pre-wrap"}};function k(e,t,r,c,k,b){var F=(0,s.g2)("el-progress"),v=(0,s.g2)("el-row"),x=(0,s.g2)("el-collapse-item"),h=(0,s.g2)("el-collapse"),y=(0,s.g2)("el-card");return(0,s.uX)(),(0,s.CE)("div",l,[o,(0,s.Lk)("div",i,[(0,s.bF)(y,{style:{"margin-bottom":"50px"}},{default:(0,s.k6)((function(){return[p,(0,s.bF)(v,null,{default:(0,s.k6)((function(){return[(0,s.Lk)("div",null,[(0,s.bF)(F,{percentage:0}),(0,s.bF)(F,{percentage:70}),(0,s.bF)(F,{percentage:80,color:"#8e71c7"}),(0,s.bF)(F,{percentage:100,status:"success"}),(0,s.bF)(F,{percentage:50,status:"exception"})])]})),_:1}),(0,s.bF)(h,null,{default:(0,s.k6)((function(){return[(0,s.bF)(x,{title:"查看代码",name:"2"},{default:(0,s.k6)((function(){return[(0,s.Lk)("div",a,(0,n.v_)(k.base),1)]})),_:1})]})),_:1})]})),_:1}),(0,s.bF)(y,{style:{"margin-bottom":"50px"}},{default:(0,s.k6)((function(){return[u,(0,s.bF)(v,null,{default:(0,s.k6)((function(){return[(0,s.Lk)("div",null,[(0,s.bF)(F,{"text-inside":!0,"stroke-width":18,percentage:0}),(0,s.bF)(F,{"text-inside":!0,"stroke-width":18,percentage:70}),(0,s.bF)(F,{"text-inside":!0,"stroke-width":18,percentage:80,color:"rgba(142, 113, 199, 0.7)"}),(0,s.bF)(F,{"text-inside":!0,"stroke-width":18,percentage:100,status:"success"}),(0,s.bF)(F,{"text-inside":!0,"stroke-width":18,percentage:50,status:"exception"})])]})),_:1}),(0,s.bF)(h,{class:"test",style:{color:"red"}},{default:(0,s.k6)((function(){return[(0,s.bF)(x,{title:"查看代码",name:"2"},{default:(0,s.k6)((function(){return[(0,s.Lk)("div",g,(0,n.v_)(k.textInside),1)]})),_:1})]})),_:1})]})),_:1}),(0,s.bF)(y,{style:{"margin-bottom":"50px"}},{default:(0,s.k6)((function(){return[d,(0,s.bF)(v,null,{default:(0,s.k6)((function(){return[(0,s.Lk)("div",null,[(0,s.bF)(F,{type:"circle",percentage:0}),(0,s.bF)(F,{type:"circle",percentage:25}),(0,s.bF)(F,{type:"circle",percentage:80,color:"#8e71c7"}),(0,s.bF)(F,{type:"circle",percentage:100,status:"success"}),(0,s.bF)(F,{type:"circle",percentage:50,status:"exception"}),(0,s.bF)(F,{type:"circle",percentage:100,status:"text"},{default:(0,s.k6)((function(){return[(0,s.eW)("Done")]})),_:1})])]})),_:1}),(0,s.bF)(h,{class:"test",style:{color:"red"}},{default:(0,s.k6)((function(){return[(0,s.bF)(x,{title:"查看代码",name:"2"},{default:(0,s.k6)((function(){return[(0,s.Lk)("div",f,(0,n.v_)(k.type),1)]})),_:1})]})),_:1})]})),_:1})])])}var b={name:"",components:{},data:function(){return{base:'\n      <el-progress :percentage="0"></el-progress>\n      <el-progress :percentage="70"></el-progress>\n      <el-progress :percentage="80" color="#8e71c7"></el-progress>\n      <el-progress :percentage="100" status="success"></el-progress>\n      <el-progress :percentage="50" status="exception"></el-progress>',textInside:'\n      <el-progress :text-inside="true" :stroke-width="18" :percentage="0"></el-progress>\n      <el-progress :text-inside="true" :stroke-width="18" :percentage="70"></el-progress>\n      <el-progress :text-inside="true" :stroke-width="18" :percentage="80" color="rgba(142, 113, 199, 0.7)"></el-progress>\n      <el-progress :text-inside="true" :stroke-width="18" :percentage="100" status="success"></el-progress>\n      <el-progress :text-inside="true" :stroke-width="18" :percentage="50" status="exception"></el-progress>',type:'\n      <el-progress type="circle" :percentage="0"></el-progress>\n      <el-progress type="circle" :percentage="25"></el-progress>\n      <el-progress type="circle" :percentage="80" color="#8e71c7"></el-progress>\n      <el-progress type="circle" :percentage="100" status="success"></el-progress>\n      <el-progress type="circle" :percentage="50" status="exception"></el-progress>\n      <el-progress type="circle" :percentage="100" status="text">Done</el-progress>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{init:function(){}}},F=r(66262);const v=(0,F.A)(b,[["render",k],["__scopeId","data-v-484f7613"]]);var x=v}}]);
//# sourceMappingURL=8070-legacy.5bf07bbc.js.map