diff --git a/packages/devui-vue/docs/components/badge/index.md b/packages/devui-vue/docs/components/badge/index.md index 3084859c548f20c59ae4ee1651f8942f7b676a3f..41f8007189eaf0710ac79bf39827f1b16817db20 100644 --- a/packages/devui-vue/docs/components/badge/index.md +++ b/packages/devui-vue/docs/components/badge/index.md @@ -9,38 +9,45 @@ ### 基本徽章 ::: demo 基本徽章类型，当有包裹元素时在右上角显示徽章和数目。 + ```vue - ``` + ::: ### 点状徽章 :::demo 点状徽章类型，当有包裹元素且 showDot 参数为 true 时为点状徽章，默认在右上角展示小点不显示数目。 + ```vue - ``` + ::: ### 计数徽章 :::demo 当徽章独立使用且不包裹任何元素时，只展示徽章状态色和数目。 + ```vue - ``` + ::: ### 状态徽章 :::demo 当徽章独立使用、不包裹任何元素且 showDot 参数为 true 时为状态徽章，不同状态展示不同色点。 + ```vue - ``` + ::: ### 徽章位置 :::demo 通过 badgePos 参数设置徽章位置。 + ```vue - ``` + ::: ### 自定义 :::demo 通过 bgColor 参数设置徽章展示状态色(此时 status 参数设置的徽章状态色失效)，通过 offsetXY 参数可设置相对于 badgePos 的徽章偏移量。通过 textColor、bgColor 自定义文字、背景颜色。 + ```vue - ``` + ::: ### API @@ -124,23 +149,31 @@