From 9da5405c70691c6a8dcf1a3c0f0483c2d1350559 Mon Sep 17 00:00:00 2001 From: duqingyu <1065161421@qq.com> Date: Mon, 29 Nov 2021 11:57:16 +0800 Subject: [PATCH 1/2] =?UTF-8?q?optimize:=20=E4=BC=98=E5=8C=96badge?= =?UTF-8?q?=E7=9B=B8=E5=85=B3demo=E7=BB=86=E8=8A=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../devui-vue/docs/components/badge/index.md | 95 ++++++++++++------- 1 file changed, 63 insertions(+), 32 deletions(-) diff --git a/packages/devui-vue/docs/components/badge/index.md b/packages/devui-vue/docs/components/badge/index.md index 3084859c..1bcff79e 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 @@ -131,16 +156,22 @@ padding: 4px 10px; font-size: 14px; } +.devui-badge-dot-item { + margin-right: 20px; + line-height: 1; +} .devui-badge-list { width: 180px; - padding: 4px 20px; background: #f3f6f8; font-size: 14px; border-radius: 8px; + padding: 0; + margin: 0; .devui-badge-list-item { display: flex; justify-content: space-between; align-items: center; + padding: 8px 16px; } } -- Gitee From b0e2dcc6d7837408336bfa623bde502ac6b306b3 Mon Sep 17 00:00:00 2001 From: duqingyu <1065161421@qq.com> Date: Mon, 29 Nov 2021 12:45:07 +0800 Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=9A=97=E9=BB=91?= =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8Bdemo=E7=9A=84=E8=83=8C=E6=99=AF?= =?UTF-8?q?=E9=A2=9C=E8=89=B2=E6=98=BE=E7=A4=BA=E9=94=99=E8=AF=AF=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/devui-vue/docs/components/badge/index.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/devui-vue/docs/components/badge/index.md b/packages/devui-vue/docs/components/badge/index.md index 1bcff79e..41f80071 100644 --- a/packages/devui-vue/docs/components/badge/index.md +++ b/packages/devui-vue/docs/components/badge/index.md @@ -149,8 +149,10 @@