mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-07 17:07:19 +08:00
2 lines
2.5 KiB
JavaScript
2 lines
2.5 KiB
JavaScript
import{u as f}from"./hooks-BBF-HgBv.js";import{d as b,b as l,w as r,e as a,A as w,f as d,g as n,B as v,h as i,i as t,u as x,t as k,_ as h}from"./index-BHcVNAp5.js";const y={class:"card-header"},B={class:"w-1/4"},C={class:"w-1/4"},N={class:"w-1/4 demo-progress"},D={class:"percentage-value"},V=b({name:"PureProgress",__name:"progress",setup(z){const u=o=>o===100?"Full":`${o}%`;return(o,e)=>{const p=a("el-link"),s=a("el-progress"),c=a("el-button"),m=a("el-card"),g=w("tippy");return d(),l(m,{shadow:"never"},{header:r(()=>[n("div",y,[v((d(),l(p,{href:"https://element-plus.org/zh-CN/component/progress.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:r(()=>e[0]||(e[0]=[i(" 进度条 ")])),_:1})),[[g,{content:"点击查看详细文档"}]])]),t(p,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/progress.vue",target:"_blank"},{default:r(()=>e[1]||(e[1]=[i(" 代码位置 src/views/components/progress.vue ")])),_:1})]),default:r(()=>[e[5]||(e[5]=n("p",{class:"mb-4"},"直线进度条动画",-1)),n("div",B,[t(s,{indeterminate:"",percentage:50,class:"mb-4"}),t(s,{indeterminate:"",percentage:100,format:u,class:"mb-4"}),t(s,{indeterminate:"",percentage:100,status:"success",class:"mb-4"}),t(s,{indeterminate:"",percentage:100,status:"warning",class:"mb-4"}),t(s,{indeterminate:"",percentage:50,status:"exception",class:"mb-4"})]),e[6]||(e[6]=n("p",{class:"mb-4"},"进度条内显示百分比标识",-1)),n("div",C,[t(s,{"text-inside":!0,"stroke-width":26,percentage:70,class:"mb-4"}),t(s,{"text-inside":!0,"stroke-width":24,percentage:100,status:"success",striped:"","striped-flow":"",duration:70,class:"mb-4"}),t(s,{"text-inside":!0,"stroke-width":22,percentage:80,status:"warning",class:"mb-4"}),t(s,{"text-inside":!0,"stroke-width":20,percentage:50,status:"exception",striped:"","striped-flow":"",class:"mb-4"})]),e[7]||(e[7]=n("p",{class:"mb-4"},"自定义内容",-1)),n("div",N,[t(s,{percentage:50},{default:r(()=>[t(c,{text:""},{default:r(()=>e[2]||(e[2]=[i("自定义内容")])),_:1})]),_:1}),t(s,{"text-inside":!0,"stroke-width":20,percentage:50,status:"exception"},{default:r(()=>e[3]||(e[3]=[n("span",null,"自定义内容",-1)])),_:1}),t(s,{type:"circle",percentage:100,status:"success"},{default:r(()=>[t(c,{type:"success",icon:x(f)("ep:check"),circle:""},null,8,["icon"])]),_:1}),t(s,{type:"dashboard",percentage:80},{default:r(({percentage:_})=>[n("span",D,k(_)+"%",1),e[4]||(e[4]=n("span",{class:"percentage-label"},"上升率",-1))]),_:1})])]),_:1})}}}),A=h(V,[["__scopeId","data-v-7d6662a2"]]);export{A as default};
|