theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

📝(component): 完善 progress 进度条文档案例

Browse Source
This commit is contained in:
就眠儀式 2022-10-07 04:09:18 +08:00
parent 58686860b8
commit 87c8ca7b72
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
package/document-component/src/document/zh-CN/components/progress.md
View File

@ -10,7 +10,7 @@
::: title 基础使用 ::: title 基础使用
::: :::
::: demo ::: demo 通过 `lay-progress` 标签创建进度条, 使用 `percent` 属性设置进度。
<template> <template>
<lay-progress percent="70"></lay-progress> <lay-progress percent="70"></lay-progress>
@ -35,7 +35,7 @@ export default {
::: title 尺寸大小 ::: title 尺寸大小
::: :::
::: demo ::: demo 使用 `size` 属性设置进度条尺寸。
<template> <template>
<lay-progress percent="40" size="big"></lay-progress> <lay-progress percent="40" size="big"></lay-progress>
@ -62,7 +62,7 @@ export default {
::: title 指定主题 ::: title 指定主题
::: :::
::: demo ::: demo 使用 `theme` 属性, 设置进度条主题颜色。
<template> <template>
<lay-progress percent="60" theme="red"></lay-progress> <lay-progress percent="60" theme="red"></lay-progress>
@ -93,7 +93,7 @@ export default {
::: title 显示文字 ::: title 显示文字
::: :::
::: demo ::: demo 使用 `show-text` 属性开启内容展示, `text` 属性设置展示得内容。
<template> <template>
<lay-progress percent="80" :show-text="showText"></lay-progress> <lay-progress percent="80" :show-text="showText"></lay-progress>
@ -119,9 +119,10 @@ export default {
::: :::
::: title 环形进度条 ::: title 环形进度
::: :::
::: demo
::: demo 使用 `circle` 属性创建环形进度条。
<template> <template>
<lay-progress percent="10" circle :show-text="showText" style="margin-right:10px"></lay-progress> <lay-progress percent="10" circle :show-text="showText" style="margin-right:10px"></lay-progress>