103 lines
33 KiB
Plaintext
103 lines
33 KiB
Plaintext
import{f as r,r as o,o as h,j as _,h as a,g as t,B as l,i as n,v as s}from"./.pnpm.8fb36023.js";const x={class:"markdown-body"},v=n("p",{class:"describe-plugin"},"\u53EF\u5E94\u7528\u4E8E\u8BB8\u591A\u4E1A\u52A1\u573A\u666F\uFF0C\u5982\u5B8C\u6210\u8FDB\u5EA6\u3001\u9875\u9762\u52A0\u8F7D\uFF0C\u662F\u4E00\u79CD\u8F83\u4E3A\u76F4\u89C2\u7684\u8868\u8FBE\u5143\u7D20\u3002",-1),w=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"lay-progress"),s(" \u6807\u7B7E\u521B\u5EFA\u8FDB\u5EA6\u6761, \u4F7F\u7528 "),n("code",null,"percent"),s(" \u5C5E\u6027\u8BBE\u7F6E\u8FDB\u5EA6\u3002")],-1),b=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("70"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("60"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),f=n("br",null,null,-1),q=n("p",null,[s("\u4F7F\u7528 "),n("code",null,"size"),s(" \u5C5E\u6027\u8BBE\u7F6E\u8FDB\u5EA6\u6761\u5C3A\u5BF8\u3002")],-1),z=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("40"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("big"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("60"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("big"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("green"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("80"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("big"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("cyan"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),T=n("br",null,null,-1),j=n("br",null,null,-1),N=n("p",null,[s("\u4F7F\u7528 "),n("code",null,"theme"),s(" \u5C5E\u6027, \u8BBE\u7F6E\u8FDB\u5EA6\u6761\u4E3B\u9898\u989C\u8272\u3002")],-1),S=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("60"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("red"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("60"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("orange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("60"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("green"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("60"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("60"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("cyan"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),W=n("br",null,null,-1),B=n("br",null,null,-1),C=n("br",null,null,-1),P=n("br",null,null,-1),V=n("p",null,[s("\u4F7F\u7528 "),n("code",null,"show-text"),s(" \u5C5E\u6027\u5F00\u542F\u5185\u5BB9\u5C55\u793A, "),n("code",null,"text"),s(" \u5C5E\u6027\u8BBE\u7F6E\u5C55\u793A\u5F97\u5185\u5BB9\u3002")],-1),E=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("80"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":show-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("showText"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},"/>")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("br")]),n("span",{class:"token punctuation"},"/>")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("80"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":show-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("showText"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("\u9500\u552E\u91CF"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" showText "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
showText
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),I=n("br",null,null,-1),A=n("br",null,null,-1),D=n("p",null,[s("\u4F7F\u7528 "),n("code",null,"circle"),s(" \u5C5E\u6027\u521B\u5EFA\u73AF\u5F62\u8FDB\u5EA6\u6761\u3002")],-1),F=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("10"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"circle"),s(),n("span",{class:"token attr-name"},":show-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("showText"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),s("10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("20"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"circle"),s(),n("span",{class:"token attr-name"},":show-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("showText"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("\u9500\u552E\u91CF"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("red"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),s("10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("30"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"circle"),s(),n("span",{class:"token attr-name"},":show-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("showText"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("blue"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("\u4E0D\u540C\u5C3A\u5BF8"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":circleSize"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("200"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":circleWidth"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("20"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),s("10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-progress")]),s(),n("span",{class:"token attr-name"},"percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("70"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"circle"),s(),n("span",{class:"token attr-name"},":show-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("showText"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("\u5BBD\u5EA6\u63A7\u5236"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"theme"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("orange"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":circleSize"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("200"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":circleWidth"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("40"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-progress")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" showText "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
showText
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),G=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"percent"),n("td",null,"\u8FDB\u5EA6"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"theme"),n("td",null,"\u4E3B\u9898"),n("td",null,[n("code",null,"orange"),s(),n("code",null,"green"),s(),n("code",null,"cyan"),s(),n("code",null,"blue"),s(),n("code",null,"black"),s(),n("code",null,"gray")])]),n("tr",null,[n("td",null,"size"),n("td",null,"\u5C3A\u5BF8"),n("td",null,[n("code",null,"big")])]),n("tr",null,[n("td",null,"text"),n("td",null,"\u63D0\u793A"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"color"),n("td",null,"\u989C\u8272"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"showText"),n("td",null,"\u5C55\u793A\u63CF\u8FF0"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"circle"),n("td",null,"\u73AF\u5F62\u8FDB\u5EA6\u6761"),n("td",null,[s("\u9ED8\u8BA4\u4E3A "),n("code",null,"false")])]),n("tr",null,[n("td",null,"circleSize"),n("td",null,"\u73AF\u5F62\u8FDB\u5EA6\u6761\u5C3A\u5BF8"),n("td",null,[s("\u9ED8\u8BA4\u4E3A "),n("code",null,"150"),s(" \u5355\u4F4D\u662Fpx")])]),n("tr",null,[n("td",null,"circleWidth"),n("td",null,"\u73AF\u5F62\u8FDB\u5EA6\u6761\u7EBF\u6761\u5BBD\u5EA6"),n("td",null,[s("\u9ED8\u8BA4\u4E3A "),n("code",null,"6"),s(" \u5355\u4F4D\u662Fpx")])])])],-1),H={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},O={},Q={__name:"progress",setup(J,{expose:g}){let c=r(!0);return c=r(!0),g({frontmatter:{}}),(K,L)=>{const d=o("lay-anchor"),p=o("lay-field"),e=o("lay-progress"),u=o("lay-code"),m=o("lay-table-box"),y=o("lay-contributor"),k=o("lay-icon"),i=o("router-link");return h(),_("div",x,[a(d,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u5C3A\u5BF8\u5927\u5C0F,\u6307\u5B9A\u4E3B\u9898,\u663E\u793A\u6587\u5B57,\u73AF\u5F62\u8FDB\u5EA6,Progress \u5C5E\u6027",currIndex:-1,show:!0}),a(p,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),v,a(p,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{description:t(()=>[w]),code:t(()=>[b]),default:t(()=>[a(e,{percent:"70"}),f,a(e,{percent:"60"})]),_:1}),a(p,{id:"\u5C3A\u5BF8\u5927\u5C0F",title:"\u5C3A\u5BF8\u5927\u5C0F",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{description:t(()=>[q]),code:t(()=>[z]),default:t(()=>[a(e,{percent:"40",size:"big"}),T,a(e,{percent:"60",size:"big",theme:"green"}),j,a(e,{percent:"80",size:"big",theme:"cyan"})]),_:1}),a(p,{id:"\u6307\u5B9A\u4E3B\u9898",title:"\u6307\u5B9A\u4E3B\u9898",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{description:t(()=>[N]),code:t(()=>[S]),default:t(()=>[a(e,{percent:"60",theme:"red"}),W,a(e,{percent:"60",theme:"orange"}),B,a(e,{percent:"60",theme:"green"}),C,a(e,{percent:"60",theme:"blue"}),P,a(e,{percent:"60",theme:"cyan"})]),_:1}),a(p,{id:"\u663E\u793A\u6587\u5B57",title:"\u663E\u793A\u6587\u5B57",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{description:t(()=>[V]),code:t(()=>[E]),default:t(()=>[a(e,{percent:"80","show-text":l(c)},null,8,["show-text"]),I,A,a(e,{percent:"80","show-text":l(c),text:"\u9500\u552E\u91CF"},null,8,["show-text"])]),_:1}),a(p,{id:"\u73AF\u5F62\u8FDB\u5EA6",title:"\u73AF\u5F62\u8FDB\u5EA6",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{description:t(()=>[D]),code:t(()=>[F]),default:t(()=>[a(e,{percent:"10",circle:"","show-text":l(c),style:{"margin-right":"10px"}},null,8,["show-text"]),a(e,{percent:"20",circle:"","show-text":l(c),text:"\u9500\u552E\u91CF",theme:"red",style:{"margin-right":"10px"}},null,8,["show-text"]),a(e,{percent:"30",circle:"","show-text":l(c),theme:"blue",text:"\u4E0D\u540C\u5C3A\u5BF8",circleSize:200,circleWidth:20,style:{"margin-right":"10px"}},null,8,["show-text"]),a(e,{percent:"70",circle:"","show-text":l(c),text:"\u5BBD\u5EA6\u63A7\u5236",theme:"orange",circleSize:200,circleWidth:40},null,8,["show-text"])]),_:1}),a(p,{id:"Progress \u5C5E\u6027",title:"Progress \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(m,null,{default:t(()=>[G]),_:1}),a(y,{"file-path":"progress"}),n("div",H,[n("div",null,[a(i,{to:"/zh-CN/components/form",class:"lay-link",style:{display:""}},{default:t(()=>[a(k,{type:"layui-icon-left"}),s("\u8868\u5355")]),_:1})]),n("div",null,[a(i,{to:"/zh-CN/components/timeline",class:"lay-link",style:{display:""}},{default:t(()=>[s("\u65F6\u95F4\u7EBF "),a(k,{type:"layui-icon-right"})]),_:1})])])])}}};export{Q as default,O as frontmatter};
|