Skip to content

docs: add docs for carousel and config-provider #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Sep 15, 2021

Conversation

xiaodemen
Copy link
Contributor

No description provided.

Change-Id: I7c9dd8f4cea8c1fef036a53f35ab6163e05587c0
@vercel
Copy link

vercel bot commented Sep 14, 2021

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/ecomfe/veui-docs/4KqvH4FTkWg2Fs6TjYV41b2kEroM
✅ Preview: https://veui-docs-git-fork-xiaodemen-master-ecomfe.vercel.app


使用 `indicator` 属性来指定进度指示器类型。

使用 `controls-position` 属性来切换按钮相对于布局方向的位置。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

controls-position 放到 vertical 的 demo 里面去吧?

| `indicator-position` | `'outside' | 'inside'` | `inside` | 用于支持指示器显示在轮播容器的内部/外部。 |
| `controls-position` | `'outside' | 'inside'` | `inside` | 用于支持切换按钮相对于布局方向的位置。 |
| `slide-aspect-ratio` | `number= | '${number}/${number}'` | - | 指定不同轮播项类型的默认配置。 |
| `options` | `object=` | `{ video: { muted: true, autoplay: true, controls: true, loop: true } }` | 用于指定每个轮播项的纵横比。 |
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
| `options` | `object=` | `{ video: { muted: true, autoplay: true, controls: true, loop: true } }` | 用于指定每个轮播项的纵横比。 |
| `options` | `Object=` | `{ video: { muted: true, autoplay: true, controls: true, loop: true } }` | 用于指定每个轮播项的纵横比。 |

| `slide-aspect-ratio` | `number= | '${number}/${number}'` | - | 指定不同轮播项类型的默认配置。 |
| `options` | `object=` | `{ video: { muted: true, autoplay: true, controls: true, loop: true } }` | 用于指定每个轮播项的纵横比。 |
| `slides-per-view` | `number=` | `1` | 指定同时显示多少个轮播项。 |
| `slides-per-group` | `number=` | `1` | 指定每次前后切换的一组包含多少个轮播项。 |

^^^datasource
轮播图数据源,项目类型为:`{src, alt, label}`。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
轮播图数据源,项目类型为:`{src, alt, label}`
轮播图数据源,项目类型为:`{src, alt, label, type}`


## 示例

### 配置 `Select` 的 placeholder
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### 配置 `Select` 的 placeholder
### 配置 `Select``placeholder`


### 配置 `Select` 的 placeholder

可选的尺寸 `ui` 属性值:`s`/`m`。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
可选的尺寸 `ui` 属性值:`s`/`m`。


| 名称 | 描述 |
| -- | -- |
| `default` | 直接渲染出来,其中 `VEUI` 的组件会响应对应的配置值。 |
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
| `default` | 直接渲染出来,其中 `VEUI` 的组件会响应对应的配置值。 |
| `default` | 需要接收配置的内容,其中 VEUI 的组件会响应对应的配置值。 |

</section>
<section>
<veui-carousel
:datasource="items"
:indicator="indicator"
:indicator-position="indicatorPosition"
:indicator-alignment="alignment"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

感觉 Carousel 的 indicator-alignment 可以缩短成 indicator-align,太长了,类似 CSS 的 vertical-align 就行。

Change-Id: I1b868d7a3fffed2a5cf13a1b650e42bb06357d3f
@Justineo Justineo merged commit 1b98a99 into ecomfe:master Sep 15, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants