Skip to content

Commit c0c0fb4

Browse files
committed
docs(Divider): 修复按主题下展示不清晰问题
1 parent e99c529 commit c0c0fb4

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed

packages/core/src/Divider/README.md

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@ class Demo extends Component {
1414
render() {
1515
return (
1616
<Fragment>
17-
<Text>分割线</Text>
18-
<Divider label="OR" />
19-
<Text>横向分割线</Text>
20-
<Divider />
21-
<Text>分割线</Text>
17+
<Text style={{ color: '#555' }}>分割线</Text>
18+
<Divider label="OR" labelStyle={{ color: '#555' }}/>
19+
<Text style={{ color: '#555' }}>横向分割线</Text>
20+
<Divider labelStyle={{ color: '#555' }}/>
21+
<Text style={{ color: '#555' }}>分割线</Text>
2222
</Fragment>
2323
);
2424
}
@@ -40,10 +40,10 @@ class Demo extends Component {
4040
render() {
4141
return (
4242
<Fragment>
43-
<Text>分割线</Text>
44-
<Divider label="OR" gutter={50}/>
45-
<Text>分割线</Text>
46-
<Divider label="OR" gutter={100}/>
43+
<Text style={{ color: '#555' }}>分割线</Text>
44+
<Divider label="OR" gutter={50} labelStyle={{ color: '#555' }}/>
45+
<Text style={{ color: '#555' }}>分割线</Text>
46+
<Divider label="OR" gutter={100} labelStyle={{ color: '#555' }}/>
4747
</Fragment>
4848
);
4949
}
@@ -63,12 +63,12 @@ class Demo extends Component {
6363
render() {
6464
return (
6565
<Fragment>
66-
<Text>分割线</Text>
67-
<Divider label="left" orientation="left" labelStyle={{ fontWeight: 'bold' }} />
68-
<Text>分割线</Text>
69-
<Divider label="center" labelStyle={{ fontWeight: 'bold' }} />
70-
<Text>分割线</Text>
71-
<Divider label="right" orientation="right" labelStyle={{ fontWeight: 'bold' }} />
66+
<Text style={{ color: '#555' }}>分割线</Text>
67+
<Divider label="left" orientation="left" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
68+
<Text style={{ color: '#555' }}>分割线</Text>
69+
<Divider label="center" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
70+
<Text style={{ color: '#555' }}>分割线</Text>
71+
<Divider label="right" orientation="right" labelStyle={{ fontWeight: 'bold', color: '#555' }} />
7272
</Fragment>
7373
);
7474
}
@@ -88,7 +88,7 @@ class Demo extends Component {
8888
render() {
8989
return (
9090
<View style={{ height: 200 }}>
91-
<Divider type="vertical" label="OR" />
91+
<Divider type="vertical" label="OR" labelStyle={{ color: '#555' }} />
9292
</View>
9393
);
9494
}
@@ -106,4 +106,4 @@ export default Demo
106106
| `label` | 分割线标题,文本内容 | String | - |
107107
| `type` | 水平还是垂直类型 | `horizontal`, `vertical` | `horizontal` |
108108
| `gutter` | 间距,根据 `type` 来设置上下或者左右间距 | Number | `8` |
109-
| `orientation` | 分割线标题的位置 | `left`, `right`,`center`| `center` |
109+
| `orientation` | 分割线标题的位置 | `left`, `right`,`center`| `center` |

0 commit comments

Comments
 (0)