From 363a8bdcb164d6f0b4a686c49b0c280dfa762531 Mon Sep 17 00:00:00 2001 From: Jikkai Xiao Date: Thu, 2 Aug 2018 19:09:00 +0800 Subject: [PATCH] Docs: improve docs (#12208) --- examples/docs/en-US/popover.md | 100 +++++++++++++++++++------------- examples/docs/es/popover.md | 101 ++++++++++++++++++++------------- examples/docs/zh-CN/popover.md | 72 +++++++++++++++-------- 3 files changed, 170 insertions(+), 103 deletions(-) diff --git a/examples/docs/en-US/popover.md b/examples/docs/en-US/popover.md index b25b99fda..ddad5fce0 100644 --- a/examples/docs/en-US/popover.md +++ b/examples/docs/en-US/popover.md @@ -1,21 +1,8 @@ - - + + ## Popover ### Basic usage @@ -103,34 +104,55 @@ Similar to Tooltip, Popover is also built with `Vue-popper`. So for some duplica :::demo The `trigger` attribute is used to define how popover is triggered: `hover`, `click`, `focus` or `manual`. As for the triggering element, you can write it in two different ways: use the `slot="reference"` named slot, or use the `v-popover` directive and set it to Popover's `ref`. ```html - - Hover to activate - + + + ``` ::: diff --git a/examples/docs/es/popover.md b/examples/docs/es/popover.md index a253967d8..bdc1c7135 100644 --- a/examples/docs/es/popover.md +++ b/examples/docs/es/popover.md @@ -1,21 +1,8 @@ - - + + ## Popover ### Uso básico @@ -103,33 +104,55 @@ Similar a un Tooltip, Popover está construido con `Vue-popper`. Así que para a :::demo El atributo `trigger` es usado para definir como el popover se dispara: `hover`, `click`, `focus` o `manual`. As for the triggering element, you can write it in two different ways: use the `slot="reference"` [named slot](https://vuejs.org/v2/guide/components.html#Named-Slots), or use the `v-popover` directive and set it to Popover's `ref`. ```html - - Hover to activate - + + + ``` ::: diff --git a/examples/docs/zh-CN/popover.md b/examples/docs/zh-CN/popover.md index 3b8573055..2cc0a2c19 100644 --- a/examples/docs/zh-CN/popover.md +++ b/examples/docs/zh-CN/popover.md @@ -2,6 +2,7 @@ export default { data() { return { + visible: false, visible2: false, gridData: [{ date: '2016-05-02', @@ -101,34 +102,55 @@ Popover 的属性与 Tooltip 很类似，它们都是基于`Vue-popper`开发的 :::demo `trigger`属性用于设置何时触发 Popover，支持四种触发方式：`hover`，`click`，`focus` 和 `manual`。对于触发 Popover 的元素，有两种写法：使用 `slot="reference"` 的具名插槽，或使用自定义指令`v-popover`指向 Popover 的索引`ref`。 ```html - - hover 激活 - + + + ``` :::