Skip to content

Commit f29f140

Browse files
ChenlingasMxChenlingasMx
authored
Merge pull request #547 from nullptr-z/dev
fix: 统一组件预览的背景色
2 parents d2e143e + 718f5f2 commit f29f140

File tree

53 files changed

+307
-286
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+307
-286
lines changed

‎packages/core/src/ActionSheet/README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ ActionSheet 动作面板
77
<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
88

99
### 基础示例
10-
```jsx mdx:preview
10+
```jsx mdx:preview&background=#bebebe29
1111
import React, { Fragment, useState } from 'react';
1212
import { Button, ActionSheet } from '@uiw/react-native';
1313
import { ActionSheetItem } from '@uiw/react-native/lib/ActionSheet'
@@ -28,7 +28,7 @@ export default Demo
2828
```
2929

3030
### 自定义按钮文字
31-
```jsx mdx:preview
31+
```jsx mdx:preview&background=#bebebe29
3232
import React, { Fragment, useState } from 'react';
3333
import { Button, ActionSheet } from '@uiw/react-native';
3434
import { ActionSheetItem } from '@uiw/react-native/lib/ActionSheet'

‎packages/core/src/Avatar/README.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ Avatar 头像
66

77
### 基础示例
88

9-
```jsx mdx:preview
9+
```jsx mdx:preview&background=#bebebe29
1010
import { View } from 'react-native';
1111
import { Avatar } from '@uiw/react-native';
1212
import React from 'react';
@@ -28,7 +28,7 @@ export default Demo
2828

2929
### 头像尺寸
3030

31-
```jsx mdx:preview
31+
```jsx mdx:preview&background=#bebebe29
3232
import React from 'react';
3333
import { View } from 'react-native';
3434
import { Avatar } from '@uiw/react-native';
@@ -50,7 +50,7 @@ export default Demo
5050

5151
### 设置头像圆角
5252

53-
```jsx mdx:preview
53+
```jsx mdx:preview&background=#bebebe29
5454
import React from 'react';
5555
import { View } from 'react-native';
5656
import { Avatar } from '@uiw/react-native';
@@ -72,10 +72,10 @@ export default Demo
7272

7373
### 指定头像的形状
7474

75-
circle 圆头像
76-
square 正方形头像
75+
circle 圆头像
76+
square 正方形头像
7777

78-
```jsx mdx:preview
78+
```jsx mdx:preview&background=#bebebe29
7979
import React from 'react';
8080
import { View } from 'react-native';
8181
import { Avatar } from '@uiw/react-native';

‎packages/core/src/Badge/README.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ Badge 标记
55
### 基础示例
66

77

8-
```jsx mdx:preview
8+
```jsx mdx:preview&background=#bebebe29
99
import React from "react"
1010
import { View, Text } from 'react-native';
1111
import { Badge } from '@uiw/react-native';
@@ -25,7 +25,7 @@ export default Demo;
2525
### 设置文本内容
2626

2727

28-
```jsx mdx:preview
28+
```jsx mdx:preview&background=#bebebe29
2929
import React from "react"
3030
import { View, Text } from 'react-native';
3131
import { Badge } from '@uiw/react-native';
@@ -45,9 +45,9 @@ export default Demo;
4545

4646
```
4747

48-
### 设置颜色
48+
### 设置颜色
4949

50-
```jsx mdx:preview
50+
```jsx mdx:preview&background=#bebebe29
5151
import React from "react"
5252
import { View, Text } from 'react-native';
5353
import { Badge } from '@uiw/react-native';
@@ -69,7 +69,7 @@ export default Demo;
6969
### 设置类型
7070

7171

72-
```jsx mdx:preview
72+
```jsx mdx:preview&background=#bebebe29
7373
import React from "react"
7474
import { View, Text } from 'react-native';
7575
import { Badge } from '@uiw/react-native';

‎packages/core/src/Button/README.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Button 按钮
1010

1111
### 基础实例
1212

13-
```jsx mdx:preview
13+
```jsx mdx:preview&background=#bebebe29
1414
import React,{ Component } from "react"
1515
import { Button, Spacing, Icon } from '@uiw/react-native';
1616
import { Text} from 'react-native';
@@ -40,7 +40,7 @@ export default Demo
4040

4141
### 按钮圆角设置
4242

43-
```jsx mdx:preview
43+
```jsx mdx:preview&background=#bebebe29
4444
import React,{ Component } from "react"
4545
import { Button, Spacing } from '@uiw/react-native';
4646

@@ -60,7 +60,7 @@ export default Demo
6060

6161
### 不同颜色
6262

63-
```jsx mdx:preview
63+
```jsx mdx:preview&background=#bebebe29
6464
import React,{ Component } from "react"
6565
import { Button, Spacing } from '@uiw/react-native';
6666

@@ -89,7 +89,7 @@ export default Demo
8989

9090
### 自定义颜色
9191

92-
```jsx mdx:preview
92+
```jsx mdx:preview&background=#bebebe29
9393
import React,{ Component } from "react"
9494
import { Button, Spacing } from '@uiw/react-native';
9595

@@ -111,7 +111,7 @@ export default Demo
111111
### 加载中
112112

113113

114-
```jsx mdx:preview
114+
```jsx mdx:preview&background=#bebebe29
115115
import React,{ Component } from "react"
116116
import { Button, Spacing } from '@uiw/react-native';
117117

@@ -129,7 +129,7 @@ export default Demo
129129

130130
### 显示边框
131131

132-
```jsx mdx:preview
132+
```jsx mdx:preview&background=#bebebe29
133133

134134
import React,{ Component } from "react"
135135
import { Button, Spacing } from '@uiw/react-native';
@@ -149,7 +149,7 @@ export default Demo
149149
```
150150
### 按钮尺寸
151151

152-
```jsx mdx:preview
152+
```jsx mdx:preview&background=#bebebe29
153153

154154
import React,{ Component } from "react"
155155
import { Button, Spacing } from '@uiw/react-native';
@@ -173,7 +173,7 @@ export default Demo
173173

174174
### 自定义图标
175175

176-
```jsx mdx:preview
176+
```jsx mdx:preview&background=#bebebe29
177177

178178
import React,{ Component } from "react"
179179
import { Button, Spacing, Icon } from '@uiw/react-native';

‎packages/core/src/ButtonGroup/README.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@ ButtonGroup 按钮组
55

66
### 基础示例
77

8-
<!--DemoStart-->
9-
```jsx mdx:preview
8+
<!--DemoStart-->
9+
```jsx mdx:preview&background=#bebebe29
1010
import React,{ Component } from "react"
1111
import {Button,ButtonGroup} from '@uiw/react-native';
1212

@@ -26,8 +26,8 @@ export default Demo
2626

2727
### 设置边框
2828

29-
<!--DemoStart-->
30-
```jsx mdx:preview
29+
<!--DemoStart-->
30+
```jsx mdx:preview&background=#bebebe29
3131
import React,{ Component } from "react"
3232
import { View } from 'react-native';
3333
import {Button,ButtonGroup,Spacing} from '@uiw/react-native';
@@ -59,8 +59,8 @@ export default Demo
5959

6060
### 设置按钮组尺寸
6161

62-
<!--DemoStart-->
63-
```jsx mdx:preview
62+
<!--DemoStart-->
63+
```jsx mdx:preview&background=#bebebe29
6464
import React,{ Component } from "react"
6565
import { View } from 'react-native';
6666
import {Button,ButtonGroup,Spacing} from '@uiw/react-native';

‎packages/core/src/Calendar/README.md‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
Calendar 日历
1+
Calendar 日历
22
---
33

44
展示日历
55

66
### 基础示例
77

8-
```jsx mdx:preview
9-
import React from 'react';
8+
```jsx mdx:preview&background=#bebebe29
9+
import React,{Component} from 'react';
1010
import { View } from 'react-native';
1111
import { Calendar } from '@uiw/react-native';
1212
import Layout, { Container } from '../Layout';
@@ -30,8 +30,8 @@ export default CalendarView
3030

3131
### 自定义日历颜色、农历及假日展示
3232

33-
```jsx mdx:preview
34-
import React from 'react';
33+
```jsx mdx:preview&background=#bebebe29
34+
import React,{Component} from 'react';
3535
import { View } from 'react-native';
3636
import { Calendar } from '@uiw/react-native';
3737
import Layout, { Container } from '../Layout';
@@ -55,8 +55,8 @@ export default CalendarView
5555

5656
### 自定义日历头部及农历详情展示
5757

58-
```jsx mdx:preview
59-
import React from 'react';
58+
```jsx mdx:preview&background=#bebebe29
59+
import React,{ Component } from 'react';
6060
import { Text, View } from 'react-native';
6161
import { Calendar } from '@uiw/react-native';
6262
import Layout, { Container } from '../Layout';
@@ -66,8 +66,8 @@ function CalendarView() {
6666
const barProps = {
6767
barRightText: "返回",
6868
title : "日历",
69-
onPressBarLeft: () => navigation.goBack(),
70-
barLeftText: "今天"
69+
onPressBarLeft: () => navigation.goBack(),
70+
barLeftText: "今天"
7171
}
7272
return (
7373
<Container>
@@ -85,8 +85,8 @@ export default CalendarView
8585

8686
### 隐藏头部
8787

88-
```jsx mdx:preview
89-
import React from 'react';
88+
```jsx mdx:preview&background=#bebebe29
89+
import React,{Component} from 'react';
9090
import { View } from 'react-native';
9191
import { Calendar } from '@uiw/react-native';
9292
import Layout, { Container } from '../Layout';
@@ -110,8 +110,8 @@ export default CalendarView
110110

111111
### 自定义日期额外内容
112112

113-
```jsx mdx:preview
114-
import React from 'react';
113+
```jsx mdx:preview&background=#bebebe29
114+
import React,{Component} from 'react';
115115
import { View,Text } from 'react-native';
116116
import { Calendar } from '@uiw/react-native';
117117
import Layout, { Container } from '../Layout';
@@ -135,8 +135,8 @@ export default CalendarView
135135

136136
### 默认value值
137137

138-
```jsx mdx:preview
139-
import React,{ useState } from 'react';
138+
```jsx mdx:preview&background=#bebebe29
139+
import React,{Component} from 'react';
140140
import { View,Text } from 'react-native';
141141
import { Calendar } from '@uiw/react-native';
142142
import Layout, { Container } from '../Layout';
@@ -182,4 +182,4 @@ export default CalendarView
182182
| `barLeftText` | 导航左侧文本 | string | - |
183183
| `barRightText` | 导航右侧文本 | string | - |
184184
| `onPressBarLeft` | 是否显示农历及假日 | `() => void` | - |
185-
| `render` | 自定义导航栏 | React.ReactNode | - |
185+
| `render` | 自定义导航栏 | React.ReactNode | - |

‎packages/core/src/Card/README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ Card 卡片
55

66
### 基础示例
77

8-
```jsx mdx:preview
8+
```jsx mdx:preview&background=#bebebe29
99
import React,{ Component } from "react"
1010
import { SafeAreaView, View, Image } from 'react-native';
1111
import Card from '@uiw/react-native/lib/Card';
@@ -23,7 +23,7 @@ function Demo() {
2323
export default Demo
2424
```
2525
### 带标题圆角卡片
26-
```jsx mdx:preview
26+
```jsx mdx:preview&background=#bebebe29
2727
import React,{ Component } from "react"
2828
import { SafeAreaView, View, Image } from 'react-native';
2929
import Card from '@uiw/react-native/lib/Card';

‎packages/core/src/CardCollapse/README.md‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@ CardCollapse 可折叠卡片列表
55

66
### 基础示例
77

8-
<!--DemoStart-->
9-
```jsx mdx:preview
8+
<!--DemoStart-->
9+
```jsx mdx:preview&background=#bebebe29
1010
import React,{ Component } from 'react';
1111
import { ScrollView, View,Image } from 'react-native';
1212
import { CardCollapse } from '@uiw/react-native';
@@ -25,7 +25,7 @@ function Demo() {
2525
const renderItem = (_, index) => {
2626
return (
2727
<View key={index} style={{ padding: 20,backgroundColor: '#fff'}}>
28-
<Image source={{uri: contents[index]}} style={{ height: 120 }} />
28+
<Image source={{uri: contents[index]}} style={{ height: 120 }} />
2929
</View>
3030
);
3131
}
@@ -52,8 +52,8 @@ export default Demo
5252

5353
### 默认不折叠
5454

55-
<!--DemoStart-->
56-
```jsx mdx:preview
55+
<!--DemoStart-->
56+
```jsx mdx:preview&background=#bebebe29
5757
import React,{ Component } from 'react';
5858
import { ScrollView, View,Image } from 'react-native';
5959
import { CardCollapse } from '@uiw/react-native';
@@ -72,7 +72,7 @@ function Demo() {
7272
const renderItem = (_, index) => {
7373
return (
7474
<View key={index} style={{ padding: 20,backgroundColor: '#fff'}}>
75-
<Image source={{uri: contents[index]}} style={{ height: 120 }} />
75+
<Image source={{uri: contents[index]}} style={{ height: 120 }} />
7676
</View>
7777
);
7878
}
@@ -98,8 +98,8 @@ export default Demo
9898
```
9999
### 卡片圆角
100100

101-
<!--DemoStart-->
102-
```jsx mdx:preview
101+
<!--DemoStart-->
102+
```jsx mdx:preview&background=#bebebe29
103103
import React,{ Component } from 'react';
104104
import { ScrollView, View,Image } from 'react-native';
105105
import { CardCollapse } from '@uiw/react-native';
@@ -118,7 +118,7 @@ function Demo() {
118118
const renderItem = (_, index) => {
119119
return (
120120
<View key={index} style={{ padding: 20,backgroundColor: '#fff'}}>
121-
<Image source={{uri: contents[index]}} style={{ height: 120 }} />
121+
<Image source={{uri: contents[index]}} style={{ height: 120 }} />
122122
</View>
123123
);
124124
}

0 commit comments

Comments
 (0)