Skip to content

Commit

Permalink
Deploying to main from @ hellof2e/quark-design@d79fafe 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
xsf0105 committed Aug 2, 2024
1 parent b178a66 commit 197750e
Show file tree
Hide file tree
Showing 4 changed files with 65 additions and 18 deletions.
38 changes: 30 additions & 8 deletions src/docs_vue/docs/dialog/doc.en-US.md
Original file line number Diff line number Diff line change
Expand Up @@ -82,31 +82,53 @@ Buttons can be arranged vertically by setting the property `btnvertical`.
</quark-dialog>
```

### custom title/footer
### Custom Title

Set custom title/footer via `slot='title'` , `slot='footer'`.
#### Custom title

```html
<div @click="open = true">Open Dialog</div>
Set custom title via `slot='title'` , `slot='footer'`.

```html
<quark-dialog
:content="translate('content')"
:open="open"
@close="open = false"
>
<div slot="title">custom title</div>
<div slot="footer">custom footer</div>
</quark-dialog>
```

### Hide title/footer
#### Hide title

Hide the title/footer by passing in the `notitle`, `nofooter` properties.

```html
<div @click="open = true">Open Dialog</div>
<quark-dialog notitle :open="open">
The code is written for people to see, with the addition of running on the
machine
</quark-dialog>
```

### Custom Footer

Set custom title via `slot='footer'`.

```html
<quark-dialog
:content="translate('content')"
:open="open"
@close="open = false"
>
<div slot="footer">custom footer</div>
</quark-dialog>
```

<quark-dialog notitle nofooter :open="open">
#### Hide footer

Hide the footer by passing in the `nofooter` properties.

```html
<quark-dialog nofooter nofooter :open="open">
The code is written for people to see, with the addition of running on the
machine
</quark-dialog>
Expand Down
39 changes: 32 additions & 7 deletions src/docs_vue/docs/dialog/doc.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -89,9 +89,11 @@ import "quarkd/lib/dialog";
</quark-dialog>
```

### 自定义标题/footer
### 自定义标题

通过 `slot='title'``slot='footer'` 设置自定义 title/footer。
通过 `slot='title'` 设置自定义 title。

#### 自定义标题

```html
<div @click="open = true">Open Dialog</div>
Expand All @@ -102,18 +104,41 @@ import "quarkd/lib/dialog";
@close="open = false"
>
<div slot="title">自定义标题</div>
<div slot="footer">自定义footer</div>
</quark-dialog>
```

### 隐藏 title/footer
#### 隐藏标题

通过传入 `notitle``nofooter` 属性隐藏 title/footer
通过传入 `notitle` 属性隐藏 title。

```html
<div @click="open = true">Open Dialog</div>
<quark-dialog notitle :open="open">
代码是写出来给人看的,附带能在机器上运行
</quark-dialog>
```

### 自定义底部

#### 自定义底部

通过 `slot='footer'` 设置自定义 footer。

```html
<quark-dialog
:content="translate('content')"
:open="open"
@close="open = false"
>
<div slot="footer">自定义footer</div>
</quark-dialog>
```

#### 隐藏 footer

<quark-dialog notitle nofooter :open="open">
通过传入 `nofooter` 属性隐藏 footer。

```html
<quark-dialog nofooter :open="open">
代码是写出来给人看的,附带能在机器上运行
</quark-dialog>
```
Expand Down
4 changes: 2 additions & 2 deletions src/docs_vue/docs/list/doc.en-US.md
Original file line number Diff line number Diff line change
Expand Up @@ -126,10 +126,10 @@ methods: {

### PullRefresh

Can be used with `pull-refresh` component.
Can be used with `pullrefresh` component.

```tsx
import "quarkd/lib/pull-refresh";
import "quarkd/lib/pullrefresh";
```

```html
Expand Down
2 changes: 1 addition & 1 deletion src/docs_vue/docs/list/doc.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ methods: {
可以和下拉刷新组件联合使用

```tsx
import "quarkd/lib/pull-refresh";
import "quarkd/lib/pullrefresh";
```

```html
Expand Down

0 comments on commit 197750e

Please sign in to comment.