Skip to content

Commit

Permalink
feat: 代码调试界面优化调整
Browse files Browse the repository at this point in the history
  • Loading branch information
xxxsf committed Apr 28, 2023
1 parent 49be37e commit 226127b
Show file tree
Hide file tree
Showing 4 changed files with 24 additions and 24 deletions.
6 changes: 3 additions & 3 deletions packages/quarkd/src/image/doc-react.en-US.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,15 +15,15 @@ import { Image } from "@quarkd/quark-react";
The basic usage is consistent with the native img tag, and native attributes such as src, width, height, and alt can be set.

```html
<image
<Image
src="https://m.hellobike.com/resource/helloyun/13459/_zZAz_2546.jpg_wh300.jpg"
/>
```

### Round

```html
<image
<Image
src="https://m.hellobike.com/resource/helloyun/13459/_zZAz_2546.jpg_wh300.jpg"
width="{100}"
height="{100}"
Expand All @@ -34,7 +34,7 @@ The basic usage is consistent with the native img tag, and native attributes suc
### Lazy load

```html
<image
<Image
src="https://m.hellobike.com/resource/helloyun/13459/_zZAz_2546.jpg_wh300.jpg"
width="100px"
height="100px"
Expand Down
6 changes: 3 additions & 3 deletions packages/quarkd/src/image/doc-react.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,15 +15,15 @@ import { Image } from "@quarkd/quark-react";
基础用法与原生 img 标签一致,可以设置 src、width、height、alt 等原生属性。

```html
<image
<Image
src="https://m.hellobike.com/resource/helloyun/13459/_zZAz_2546.jpg_wh300.jpg"
/>
```

### 圆形图片

```html
<image
<Image
src="https://m.hellobike.com/resource/helloyun/13459/_zZAz_2546.jpg_wh300.jpg"
width="{100}"
height="{100}"
Expand All @@ -34,7 +34,7 @@ import { Image } from "@quarkd/quark-react";
### 懒加载

```html
<image
<Image
src="https://m.hellobike.com/resource/helloyun/13459/_zZAz_2546.jpg_wh300.jpg"
width="100px"
height="100px"
Expand Down
18 changes: 9 additions & 9 deletions packages/quarkd/src/marquee/doc-react.en-US.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,49 +13,49 @@ import { Marquee } from "@quarkd/quark-react";
### Basic Usage

```html
<marquee title="{title}"></marquee>
<Marquee title="{title}"></Marquee>
```

### Speed

```html
<marquee title="{title}" speed="25"></marquee>
<marquee title="{title}" speed="100"></marquee>
<Marquee title="{title}" speed="25"></Marquee>
<Marquee title="{title}" speed="100"></Marquee>
```

### Control Paused

```html
<button onClick="{pauseAnimation}">Paused</button>
<button onClick="{continueAnimation}">Continue</button>
<marquee title="{title}" paused="{paused}"></marquee>
<Marquee title="{title}" paused="{paused}"></Marquee>
```

### Hover Paused

```html
<marquee
<Marquee
title="{title}"
paused="{paused}"
onMouseover="{pauseAnimation}"
onMouseleave="{continueAnimation}"
></marquee>
></Marquee>
```

### Click Paused

```html
<marquee
<Marquee
title="{title}"
paused="{paused}"
onClick="{changePauseStatus}"
></marquee>
></Marquee>
```

### Reverse

```html
<marquee title="{title}" reverse="true"></marquee>
<Marquee title="{title}" reverse="true"></Marquee>
```

## API
Expand Down
18 changes: 9 additions & 9 deletions packages/quarkd/src/marquee/doc-react.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,49 +13,49 @@ import { Marquee } from "@quarkd/quark-react";
### 基础用法

```html
<marquee title="{title}"></marquee>
<Marquee title="{title}"></Marquee>
```

### 不同速度

```html
<marquee title="{title}" speed="25"></marquee>
<marquee title="{title}" speed="100"></marquee>
<Marquee title="{title}" speed="25"></Marquee>
<Marquee title="{title}" speed="100"></Marquee>
```

### 控制暂停

```html
<button onClick="{pauseAnimation}">暂停</button>
<button onClick="{continueAnimation}">继续</button>
<marquee title="{title}" paused="{paused}"></marquee>
<Marquee title="{title}" paused="{paused}"></Marquee>
```

### 悬浮暂停

```html
<marquee
<Marquee
title="{title}"
paused="{paused}"
onMouseover="{pauseAnimation}"
onMouseleave="{continueAnimation}"
></marquee>
></Marquee>
```

### 点击暂停

```html
<marquee
<Marquee
title="{title}"
paused="{paused}"
onClick="{changePauseStatus}"
></marquee>
></Marquee>
```

### 反向动画

```html
<marquee title="{title}" reverse="true"></marquee>
<Marquee title="{title}" reverse="true"></Marquee>
```

## API
Expand Down

0 comments on commit 226127b

Please sign in to comment.