|
@@ -209,24 +209,24 @@ You can center the left and right contents of the cell vertically through the 'c
|
|
|
|
|
|
|
|
| Attribute | Description | Type | Default |
|
|
| Attribute | Description | Type | Default |
|
|
|
|-----------|-------------|--------|---------|
|
|
|-----------|-------------|--------|---------|
|
|
|
-| title | Title | String | - |
|
|
|
|
|
-| desc | Description | String | - |
|
|
|
|
|
|
|
+| title | Title | string | - |
|
|
|
|
|
+| desc | Description | string | - |
|
|
|
|
|
|
|
|
### Cell Props
|
|
### Cell Props
|
|
|
|
|
|
|
|
| Attribute | Description | Type | Default |
|
|
| Attribute | Description | Type | Default |
|
|
|
|-----------------|----------------------------------------------------------------------------------------------------------|------------------|---------|
|
|
|-----------------|----------------------------------------------------------------------------------------------------------|------------------|---------|
|
|
|
-| title | Title | String | - |
|
|
|
|
|
-| sub-title | Subtitle | String | - |
|
|
|
|
|
-| desc | Description | String | - |
|
|
|
|
|
-| desc-text-align | Right description text alignment [text-align](https://www.w3school.com.cn/cssref/pr_text_text-align.asp) | String | right |
|
|
|
|
|
-| is-link | Whether to show the right arrow and turn on click feedback | Boolean | false |
|
|
|
|
|
-| round-radius | Corner radius | Number | 6px |
|
|
|
|
|
-| url | Link URL | String | - |
|
|
|
|
|
-| to | Target route of the link, same as to of vue-router | String | Object | - |
|
|
|
|
|
-| replace | If true, the navigation will not leave a history record | Boolean | false |
|
|
|
|
|
-| center | Whether to center content vertically | Boolean | false |
|
|
|
|
|
-| size | Size, can be set to `large` | String | '' |
|
|
|
|
|
|
|
+| title | Title | string | - |
|
|
|
|
|
+| sub-title | Subtitle | string | - |
|
|
|
|
|
+| desc | Description | string | - |
|
|
|
|
|
+| desc-text-align | Right description text alignment [text-align](https://www.w3school.com.cn/cssref/pr_text_text-align.asp) | string | right |
|
|
|
|
|
+| is-link | Whether to show the right arrow and turn on click feedback | boolean | false |
|
|
|
|
|
+| round-radius | Corner radius | number | 6px |
|
|
|
|
|
+| url | Link URL | string | - |
|
|
|
|
|
+| to | Target route of the link, same as to of vue-router | string \| object | - |
|
|
|
|
|
+| replace | If true, the navigation will not leave a history record | boolean | false |
|
|
|
|
|
+| center | Whether to center content vertically | boolean | false |
|
|
|
|
|
+| size | Size, can be set to `large` | string | '' |
|
|
|
|
|
|
|
|
### Cell Events
|
|
### Cell Events
|
|
|
|
|
|
|
@@ -256,29 +256,29 @@ You can center the left and right contents of the cell vertically through the 'c
|
|
|
|
|
|
|
|
The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
|
|
The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
|
|
|
|
|
|
|
|
-| Name | Default Value | Description |
|
|
|
|
|
-| --------------------------------------- | -------------------------- | ---- |
|
|
|
|
|
-| --nut-cell-color| _var(--nut-title-color2)_ | - |
|
|
|
|
|
-| --nut-cell-title-font| _var(--nut-font-size-2)_ | - |
|
|
|
|
|
-| --nut-cell-title-desc-font| _var(--nut-font-size-1)_ | - |
|
|
|
|
|
-| --nut-cell-desc-font| _var(--nut-font-size-2)_ | - |
|
|
|
|
|
-| --nut-cell-desc-color| _var(--nut-disable-color)_ | - |
|
|
|
|
|
-| --nut-cell-border-radius| _6px_ | - |
|
|
|
|
|
-| --nut-cell-padding| _13px 16px_ | - |
|
|
|
|
|
-| --nut-cell-line-height| _20px_ | - |
|
|
|
|
|
-| --nut-cell-after-right| _16px_ | - |
|
|
|
|
|
-| --nut-cell-after-border-bottom| _1px solid #f5f6f7_ | - |
|
|
|
|
|
-| --nut-cell-default-icon-margin| _0 4px 0 0px_ | - |
|
|
|
|
|
-| --nut-cell-large-title-font| _var(--nut-font-size-large)_ | - |
|
|
|
|
|
-| --nut-cell-large-title-desc-font| _var(--nut-font-size-base)_ | - |
|
|
|
|
|
-| --nut-cell-large-padding| _15px 16px_ | - |
|
|
|
|
|
-| --nut-cell-background| _var(--nut-white)_ | - |
|
|
|
|
|
-| --nut-cell-group-title-padding| _0 10px_ | - |
|
|
|
|
|
-| --nut-cell-group-title-color| _#909ca4_ | - |
|
|
|
|
|
-| --nut-cell-group-title-font-size| _var(--nut-font-size-2)_ | - |
|
|
|
|
|
-| --nut-cell-group-title-line-height| _20px_ | - |
|
|
|
|
|
-| --nut-cell-group-desc-padding| _0 10px_ | - |
|
|
|
|
|
-| --nut-cell-group-desc-color| _#909ca4_ | - |
|
|
|
|
|
-| --nut-cell-group-desc-font-size| _var(--nut-font-size-1)_ | - |
|
|
|
|
|
-| --nut-cell-group-desc-line-height| _16px_ | - |
|
|
|
|
|
-| --nut-cell-group-background-color| _var(--nut-white)_ | - |
|
|
|
|
|
|
|
+| Name | Default Value |
|
|
|
|
|
+|------------------------------------|------------------------------|
|
|
|
|
|
+| --nut-cell-color | _var(--nut-title-color2)_ |
|
|
|
|
|
+| --nut-cell-title-font | _var(--nut-font-size-2)_ |
|
|
|
|
|
+| --nut-cell-title-desc-font | _var(--nut-font-size-1)_ |
|
|
|
|
|
+| --nut-cell-desc-font | _var(--nut-font-size-2)_ |
|
|
|
|
|
+| --nut-cell-desc-color | _var(--nut-disable-color)_ |
|
|
|
|
|
+| --nut-cell-border-radius | _6px_ |
|
|
|
|
|
+| --nut-cell-padding | _13px 16px_ |
|
|
|
|
|
+| --nut-cell-line-height | _20px_ |
|
|
|
|
|
+| --nut-cell-after-right | _16px_ |
|
|
|
|
|
+| --nut-cell-after-border-bottom | _1px solid #f5f6f7_ |
|
|
|
|
|
+| --nut-cell-default-icon-margin | _0 4px 0 0px_ |
|
|
|
|
|
+| --nut-cell-large-title-font | _var(--nut-font-size-large)_ |
|
|
|
|
|
+| --nut-cell-large-title-desc-font | _var(--nut-font-size-base)_ |
|
|
|
|
|
+| --nut-cell-large-padding | _15px 16px_ |
|
|
|
|
|
+| --nut-cell-background | _var(--nut-white)_ |
|
|
|
|
|
+| --nut-cell-group-title-padding | _0 10px_ |
|
|
|
|
|
+| --nut-cell-group-title-color | _#909ca4_ |
|
|
|
|
|
+| --nut-cell-group-title-font-size | _var(--nut-font-size-2)_ |
|
|
|
|
|
+| --nut-cell-group-title-line-height | _20px_ |
|
|
|
|
|
+| --nut-cell-group-desc-padding | _0 10px_ |
|
|
|
|
|
+| --nut-cell-group-desc-color | _#909ca4_ |
|
|
|
|
|
+| --nut-cell-group-desc-font-size | _var(--nut-font-size-1)_ |
|
|
|
|
|
+| --nut-cell-group-desc-line-height | _16px_ |
|
|
|
|
|
+| --nut-cell-group-background-color | _var(--nut-white)_ |
|