city-casereport/badge at master - city-casereport - Tenlion

gaojian/city-casereport

History

itgaojian 0ac48d15f3 户籍信息录入		2023-12-06 14:22:42 +08:00
..
badge.d.ts	户籍信息录入	2023-12-06 14:22:42 +08:00
badge.js	户籍信息录入	2023-12-06 14:22:42 +08:00
badge.json	户籍信息录入	2023-12-06 14:22:42 +08:00
badge.wxml	户籍信息录入	2023-12-06 14:22:42 +08:00
badge.wxs	户籍信息录入	2023-12-06 14:22:42 +08:00
badge.wxss	户籍信息录入	2023-12-06 14:22:42 +08:00
index.d.ts	户籍信息录入	2023-12-06 14:22:42 +08:00
index.js	户籍信息录入	2023-12-06 14:22:42 +08:00
props.d.ts	户籍信息录入	2023-12-06 14:22:42 +08:00
props.js	户籍信息录入	2023-12-06 14:22:42 +08:00
README.en-US.md	户籍信息录入	2023-12-06 14:22:42 +08:00
README.md	户籍信息录入	2023-12-06 14:22:42 +08:00
type.d.ts	户籍信息录入	2023-12-06 14:22:42 +08:00
type.js	户籍信息录入	2023-12-06 14:22:42 +08:00

README.en-US.md

:: BASE_DOC ::

API

Badge Props

name	type	default	description	required
color	String	-	-	N
content	String	-	-	N
count	String / Number / Slot	0	see more ts definition	N
dot	Boolean	false	-	N
external-classes	Array	-	`['t-class', 't-class-content', 't-class-count']`	N
max-count	Number	99	-	N
offset	Array	-	Typescript：`Array<string \| number>`	N
shape	String	circle	options：circle/square/bubble/ribbon	N
show-zero	Boolean	false	-	N
size	String	medium	options：medium/large	N

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name	Default Value	Description
--td-badge-basic-height	32rpx	-
--td-badge-basic-padding	8rpx	-
--td-badge-basic-width	32rpx	-
--td-badge-bg-color	@error-color	-
--td-badge-border-radius	4rpx	-
--td-badge-bubble-border-radius	20rpx 20rpx 20rpx 1px	-
--td-badge-dot-size	16rpx	-
--td-badge-font-size	@font-size-xs	-
--td-badge-font-weight	600	-
--td-badge-large-font-size	@font-size-s	-
--td-badge-large-height	40rpx	-
--td-badge-large-padding	10rpx	-
--td-badge-text-color	@font-white-1	-