Skip to content

Commit

Permalink
fix: update style problem
Browse files Browse the repository at this point in the history
  • Loading branch information
Erindcl committed Mar 7, 2021
1 parent 70fb0a9 commit 46d53da
Show file tree
Hide file tree
Showing 20 changed files with 206 additions and 24 deletions.
57 changes: 57 additions & 0 deletions components/cascader/demo/basic.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
---
order: 1
title:
zh-CN: 基本
---

## zh-CN

省市区级联。

```jsx
import { Cascader } from 'antd';

const options = [
{
value: 'zhejiang',
label: 'Zhejiang',
children: [
{
value: 'hangzhou',
label: 'Hangzhou',
children: [
{
value: 'xihu',
label: 'West Lake',
},
],
},
],
},
{
value: 'jiangsu',
label: 'Jiangsu',
children: [
{
value: 'nanjing',
label: 'Nanjing',
children: [
{
value: 'zhonghuamen',
label: 'Zhong Hua Men',
},
],
},
],
},
];

function onChange(value) {
console.log(value);
}

ReactDOM.render(
<Cascader options={options} onChange={onChange} placeholder="Please select" />,
mountNode,
);
```
9 changes: 9 additions & 0 deletions components/cascader/index.zh-CN.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
---
category: Components
subtitle: 级联选择
type: 数据录入
title: Cascader
cols: 2
---

级联选择框。
5 changes: 2 additions & 3 deletions components/datepicker/demo/size.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
order: 1
title:
zh-CN: 三种大小
zh-CN: 两种大小
---

## zh-CN

定义了三种尺寸(大、默认、小),高度分别为 36px、32px 和 28px。
定义了两种尺寸(默认、小),高度分别为 32px 和 28px。

```jsx
import { DatePicker, Radio } from 'antd';
Expand All @@ -27,7 +27,6 @@ class PickerSizesDemo extends React.Component {
return (
<div className="demo-datepicker-box">
<Radio.Group value={size} onChange={this.handleSizeChange}>
<Radio.Button value="large">Large</Radio.Button>
<Radio.Button value="default">Default</Radio.Button>
<Radio.Button value="small">Small</Radio.Button>
</Radio.Group>
Expand Down
5 changes: 2 additions & 3 deletions components/input/demo/size.md
Original file line number Diff line number Diff line change
@@ -1,19 +1,18 @@
---
order: 3
title:
zh-CN: 三种大小
zh-CN: 两种大小
---

## zh-CN

我们为输入框定义了三种尺寸(大、默认、小),高度分别为 36px、32px 和 28px。
我们为输入框定义了两种尺寸(默认、小),高度分别为 32px 和 28px。

```jsx
import { Input } from 'antd';

ReactDOM.render(
<div className="demo-input-size">
<Input size="large" placeholder="large size" />
<Input placeholder="default size" />
<Input size="small" placeholder="small size" />
</div>,
Expand Down
29 changes: 29 additions & 0 deletions components/radio/demo/shadow.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
---
order: 1
title:
zh-CN: 灰色背景(仅默认主题下使用)
---

## zh-CN

灰色背景中的表单需添加投影,去掉外边框

仅默认主题下使用,暗黑主题下使用无效

- 为组件添加类名`dt-radio-group`

```jsx
import { Radio } from 'antd';

ReactDOM.render(
<div className="demo-radio-shadow">
<Radio.Group className="dt-radio-group" defaultValue="a" buttonStyle="solid">
<Radio.Button value="a">Hangzhou</Radio.Button>
<Radio.Button value="b">Shanghai</Radio.Button>
<Radio.Button value="c">Beijing</Radio.Button>
<Radio.Button value="d">Chengdu</Radio.Button>
</Radio.Group>
</div>,
mountNode
);
```
15 changes: 15 additions & 0 deletions components/radio/index.zh-CN.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
---
category: Components
subtitle: 单选框
type: 数据录入
title: Radio
cols: 1
---

单选框。

## API

|类名 |说明 |使用示例 |
|---------|---------|---------|
|.dt-radio-group | 灰色背景 | 灰色背景(仅默认主题下使用) |
37 changes: 37 additions & 0 deletions components/select/demo/multiply.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
---
order: 5
title:
zh-CN: 多选
---

## zh-CN

多选,从已有条目中选择。

```jsx
import { Select } from 'antd';

const { Option } = Select;

const children = [];
for (let i = 10; i < 36; i++) {
children.push(<Option key={i.toString(36) + i}>{i.toString(36) + i}</Option>);
}

function handleChange(value) {
console.log(`selected ${value}`);
}

ReactDOM.render(
<Select
mode="multiple"
style={{ width: '100%' }}
placeholder="Please select"
defaultValue={['a10', 'c12']}
onChange={handleChange}
>
{children}
</Select>,
mountNode,
);
```
7 changes: 2 additions & 5 deletions components/select/demo/size.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
order: 3
title:
zh-CN: 三种大小
zh-CN: 两种大小
---

## zh-CN

我们为下拉框定义了三种尺寸(大、默认、小),高度分别为 36px、32px 和 28px。
我们为下拉框定义了两种尺寸(默认、小),高度分别为 32px 和 28px。

```jsx
import { Select } from 'antd';
Expand All @@ -15,9 +15,6 @@ const { Option } = Select;

ReactDOM.render(
<div className="demo-select-size">
<Select defaultValue="large" size="large">
<Option value="large">large</Option>
</Select>
<Select defaultValue="default" size="default">
<Option value="default">default</Option>
</Select>
Expand Down
5 changes: 2 additions & 3 deletions components/timepicker/demo/size.md
Original file line number Diff line number Diff line change
@@ -1,20 +1,19 @@
---
order: 1
title:
zh-CN: 三种大小
zh-CN: 两种大小
---

## zh-CN

定义了三种尺寸(大、默认、小),高度分别为 36px、32px 和 28px。
定义了两种尺寸(默认、小),高度分别为 32px 和 28px。

```jsx
import { TimePicker } from 'antd';
import moment from 'moment';

ReactDOM.render(
<div className="demo-time-picker-box">
<TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} size="large" />
<TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} />
<TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} size="small" />
</div>,
Expand Down
2 changes: 1 addition & 1 deletion dist/docs/react/color.zh-CN.md.278dcf.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 46d53da

Please sign in to comment.