zhsw_wechat/miniprogram_npm/tdesign-miniprogram/rate

:: BASE_DOC ::

API

Rate Props

name | type | default | description | required -- | -- | -- | -- | -- style | Object | - | CSS(Cascading Style Sheets) | N custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N allow-half | Boolean | false | - | N color | String / Array | '#ED7B2F' | 0.30.0。Typescript：string \| Array<string> | N count | Number | 5 | - | N disabled | Boolean | undefined | - | N gap | String / Number | 8 | - | N icon | String / Array | - | 0.30.0。Typescript：string \| string[] | N icon-prefix | String | undefined | - | N placement | String | top | options: top / bottom / '' | N show-text | Boolean | false | - | N size | String | 24px | - | N texts | Array | [] | Typescript：Array<string> | N value | Number | 0 | - | N default-value | Number | undefined | uncontrolled property | N variant | String | outline | options: outline/filled | N

Rate Events

name | params | description -- | -- | -- change | (value: number) | -

Rate External Classes

className | Description -- | -- t-class | - t-class-icon | - t-class-text | -

CSS Variables

The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- --td-rate-icon-scale | 1.33 | - --td-rate-selected-color | @warning-color | - --td-rate-text-active-color | @font-gray-1 | - --td-rate-text-active-font-weight | 600 | - --td-rate-text-color | @font-gray-4 | - --td-rate-text-font-size | @font-size-m | - --td-rate-unselected-color | @bg-color-secondarycomponent | -