mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 02:59:04 +08:00
docs: fix div without close tag (#38465)
* docs: fix div without close tag * docs: fix more * fix: revert code * docs: fix table * docs: fix content
This commit is contained in:
Dunqing
GitHub
parent
6d877e5617
commit
022e44bb06
@ -39,7 +39,7 @@ const App: React.FC = () => (
|
||||
export default App;
|
||||
```
|
||||
|
||||
You will get a theme with primary color <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #00b96b; vertical-align: text-bottom;" /> `#00b96b`. And we can see the change in Button:
|
||||
You will get a theme with primary color <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #00b96b; vertical-align: text-bottom;"></div> `#00b96b`. And we can see the change in Button:
|
||||
|
||||
|
||||
|
||||
@ -69,7 +69,7 @@ const App: React.FC = () => (
|
||||
export default App;
|
||||
```
|
||||
|
||||
In this way, we changed the primary color of Radio to <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #00b96b; vertical-align: text-bottom;" /> `#00b96b`, and Checkbox is not affected.
|
||||
In this way, we changed the primary color of Radio to <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #00b96b; vertical-align: text-bottom;"></div> `#00b96b`, and Checkbox is not affected.
|
||||
|
||||
|
||||
|
||||
@ -207,7 +207,7 @@ const theme = {
|
||||
### SeedToken
|
||||
|
||||
| 属性 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| --- | --- | --- | --- |
|
||||
| colorPrimary | 品牌主色 | `string` | `#1677ff` |
|
||||
| colorSuccess | 成功色 | `string` | `#52c41a` |
|
||||
| colorWarning | 警戒色 | `string` | `#faad14` |
|
||||
@ -220,13 +220,13 @@ const theme = {
|
||||
| fontSizeBase | 基础字号 | `number` | `14` |
|
||||
| gridUnit | - | `number` | `4` |
|
||||
| gridBaseStep | - | `number` | `2` |
|
||||
| lineWidth | `number` | `1` | 基础线宽 |
|
||||
| lineType | `string` | `solid` | 线条样式 |
|
||||
| motionUnit | `number` | `0.1` | 动画时长变化单位 |
|
||||
| motionBase | `number` | `0` | 动画基础时长 |
|
||||
| lineWidth | 基础线宽 | `number` | `1` |
|
||||
| lineType | 线条样式 | `string` | `solid` |
|
||||
| motionUnit | 动画时长变化单位 | `number` | `0.1` |
|
||||
| motionBase | 动画基础时长 | `number` | `0` |
|
||||
| motionEaseOutCirc | - | `string` | `cubic-bezier(0.08, 0.82, 0.17, 1)` |
|
||||
| motionEaseInOutCirc | `string` | `cubic-bezier(0.78, 0.14, 0.15, 0.86)` |
|
||||
| motionEaseOut | - | `string` | `cubic-bezier(0.215, 0.61, 0.355, 1)` | - |
|
||||
| motionEaseInOutCirc | - | `string` | `cubic-bezier(0.78, 0.14, 0.15, 0.86)` |
|
||||
| motionEaseOut | - | `string` | `cubic-bezier(0.215, 0.61, 0.355, 1)` |
|
||||
| motionEaseInOut | - | `string` | `cubic-bezier(0.645, 0.045, 0.355, 1)` |
|
||||
| motionEaseOutBack | - | `string` | `cubic-bezier(0.12, 0.4, 0.29, 1.46)` |
|
||||
| motionEaseInQuint | - | `string` | `cubic-bezier(0.645, 0.045, 0.355, 1)` |
|
||||
|
||||
@ -39,7 +39,7 @@ const App: React.FC = () => (
|
||||
export default App;
|
||||
```
|
||||
|
||||
这将会得到一个以 <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #00b96b; vertical-align: text-bottom;" /> `#00b96b` 为主色的主题，以 Button 组件为例可以看到相应的变化：
|
||||
这将会得到一个以 <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #00b96b; vertical-align: text-bottom;"></div> `#00b96b` 为主色的主题，以 Button 组件为例可以看到相应的变化：
|
||||
|
||||
|
||||
|
||||
@ -69,7 +69,7 @@ const App: React.FC = () => (
|
||||
export default App;
|
||||
```
|
||||
|
||||
通过这种方式，我们可以仅将 Radio 组件的主色改为 <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #00b96b; vertical-align: text-bottom;" /> `#00b96b`，而不会影响其他组件。
|
||||
通过这种方式，我们可以仅将 Radio 组件的主色改为 <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #00b96b; vertical-align: text-bottom;"></div> `#00b96b`，而不会影响其他组件。
|
||||
|
||||
|
||||
|
||||
@ -207,7 +207,7 @@ const theme = {
|
||||
### SeedToken
|
||||
|
||||
| 属性 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| --- | --- | --- | --- |
|
||||
| colorPrimary | 品牌主色 | `string` | `#1677ff` |
|
||||
| colorSuccess | 成功色 | `string` | `#52c41a` |
|
||||
| colorWarning | 警戒色 | `string` | `#faad14` |
|
||||
@ -220,13 +220,13 @@ const theme = {
|
||||
| fontSizeBase | 基础字号 | `number` | `14` |
|
||||
| gridUnit | - | `number` | `4` |
|
||||
| gridBaseStep | - | `number` | `2` |
|
||||
| lineWidth | `number` | `1` | 基础线宽 |
|
||||
| lineType | `string` | `solid` | 线条样式 |
|
||||
| motionUnit | `number` | `0.1` | 动画时长变化单位 |
|
||||
| motionBase | `number` | `0` | 动画基础时长 |
|
||||
| lineWidth | 基础线宽 | `number` | `1` |
|
||||
| lineType | 线条样式 | `string` | `solid` |
|
||||
| motionUnit | 动画时长变化单位 | `number` | `0.1` |
|
||||
| motionBase | 动画基础时长 | `number` | `0` |
|
||||
| motionEaseOutCirc | - | `string` | `cubic-bezier(0.08, 0.82, 0.17, 1)` |
|
||||
| motionEaseInOutCirc | `string` | `cubic-bezier(0.78, 0.14, 0.15, 0.86)` |
|
||||
| motionEaseOut | - | `string` | `cubic-bezier(0.215, 0.61, 0.355, 1)` | - |
|
||||
| motionEaseInOutCirc | - | `string` | `cubic-bezier(0.78, 0.14, 0.15, 0.86)` |
|
||||
| motionEaseOut | - | `string` | `cubic-bezier(0.215, 0.61, 0.355, 1)` |
|
||||
| motionEaseInOut | - | `string` | `cubic-bezier(0.645, 0.045, 0.355, 1)` |
|
||||
| motionEaseOutBack | - | `string` | `cubic-bezier(0.12, 0.4, 0.29, 1.46)` |
|
||||
| motionEaseInQuint | - | `string` | `cubic-bezier(0.645, 0.045, 0.355, 1)` |
|
||||
|
||||
@ -14,7 +14,7 @@ This document will help you upgrade from antd `4.x` version to antd `5.x` versio
|
||||
### Design specification
|
||||
|
||||
- Basic rounded corner adjustment, changed from `2px` to four layers of radius, which are `2px` `4px` `6px` and `8px`. For example, radius of default Button is modified from `2px` to `6px`.
|
||||
- Primary color adjustment, changed from <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #1890ff; vertical-align: text-bottom;" /> `#1890ff` to <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #1677ff; vertical-align: text-bottom;" /> `#1677ff`.
|
||||
- Primary color adjustment, changed from <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #1890ff; vertical-align: text-bottom;" /> `#1890ff` to <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #1677ff; vertical-align: text-bottom;"></div> `#1677ff`.
|
||||
- Global shadow optimization, adjusted from three layers of shadows to two layers, which are used in common components (Card .e.g) and popup components (Dropdown .e.g).
|
||||
- Overall reduction in wireframe usage.
|
||||
|
||||
|
||||
@ -14,7 +14,7 @@ title: 从 v4 到 v5
|
||||
### 设计规范调整
|
||||
|
||||
- 基础圆角调整，由统一的 `2px` 改为四级圆角，分别为 `2px` `4px` `6px` `8px`，分别应用于不同场景，比如默认尺寸的 Button 的圆角调整为了 `6px`。
|
||||
- 主色调整，由 <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #1890ff; vertical-align: text-bottom;" /> `#1890ff` 改为 <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #1677ff; vertical-align: text-bottom;" /> `#1677ff`。
|
||||
- 主色调整，由 <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #1890ff; vertical-align: text-bottom;" /> `#1890ff` 改为 <div style="display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #1677ff; vertical-align: text-bottom;"></div> `#1677ff`。
|
||||
- 整体阴影调整，由原本的三级阴影调整为两级，分别用于常驻页面的组件（如 Card）和交互反馈（如 Dropdown）。
|
||||
- 部分组件内间距调整。
|
||||
- 整体去线框化。
|
||||
|
||||
Loading…
Reference in New Issue
Block a user