| 1 |
- import{c as s}from"./mobile.bdc6afd4.js";import{a as e,m as o,B as r,C as t,r as a,o as l,e as d,g as i,j as n,k as p,J as c,l as u}from"./vendor.21cda21c.js";import"./index.20f35658.js";const{createDemo:v}=s("circleprogress");var g=v({props:{},setup(){const s=e({radius:50,strokeOutWidth:10,backColor:"#d9d9d9",progressColor:"red"}),r=o(50),t=o(10);return{progressOption:s,isAuto:o(!0),setAddVal:()=>{t.value=10,r.value>=100||(r.value+=10)},setReduceVal:()=>{if(r.value-10<=0)return t.value=0,void(r.value=0);r.value-=10},percent:r}}});r("data-v-57d9cb92");const m={class:"demo full"},_=i("h2",null,"基础用法",-1),f={class:"demo__piece"},k=i("h2",null,"环形进度条自定义样式",-1),h={class:"demo__piece"},b=i("h2",null,"环形进度条自定义内容",-1),C={class:"demo__piece"},j=u("自定义"),y=i("h2",null,"动态改变环形进度条的进度",-1),A={class:"demo__piece"},O={class:"demo__btn"},V=u("减少"),w=u("增加");t(),g.render=function(s,e,o,r,t,u){const v=a("nut-circleprogress"),g=a("nut-button");return l(),d("div",m,[_,i("div",f,[n(v,{progress:10})]),k,i("div",h,[n(v,{progress:50,"progress-option":s.progressOption},null,8,["progress-option"])]),b,i("div",C,[n(v,{progress:50,"is-auto":s.isAuto},{default:p((()=>[c(s.$slots,"default",{},(()=>[j]),{})])),_:3},8,["is-auto"])]),y,i("div",A,[n(v,{progress:s.percent,"progress-option":s.progressOption,"stroke-inner-width":s.strokeInnerWidth},null,8,["progress","progress-option","stroke-inner-width"])]),i("div",O,[n(g,{type:"primary",onClick:s.setReduceVal},{default:p((()=>[V])),_:1},8,["onClick"]),n(g,{type:"primary",onClick:s.setAddVal},{default:p((()=>[w])),_:1},8,["onClick"])])])},g.__scopeId="data-v-57d9cb92";export{g as default};
|
