From 7591a4b250f3c8255d13162e82b38ba20ce25267 Mon Sep 17 00:00:00 2001 From: Leopoldthecoder Date: Tue, 13 Sep 2016 11:55:34 +0800 Subject: [PATCH] fix tooltip direction --- examples/docs/tooltip.md | 23 ++++++++++++++--------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/examples/docs/tooltip.md b/examples/docs/tooltip.md index 96dda37ed..81fa03470 100644 --- a/examples/docs/tooltip.md +++ b/examples/docs/tooltip.md @@ -15,7 +15,7 @@ 在这里我们提供 9 种不同方向的展示方式，可以通过以下完整示例来理解，选择你要的效果。 -:::demo 使用`content`属性来决定`hover`时的提示信息。由`placement`属性决定展示效果：`placement`属性值为：`方向-箭头方位`；四个方向：`top`、`left`、`right`、`bottom`；三种箭头方位：`start`, `end`，默认为空。如`top center`即`placement="top"`，`left top`即`placement="left-end"`。 +:::demo 使用`content`属性来决定`hover`时的提示信息。由`placement`属性决定展示效果：`placement`属性值为：`方向-对齐位置`；四个方向：`top`、`left`、`right`、`bottom`；三种对齐位置：`start`, `end`，默认为空。如`placement="left-end"`，则提示信息出现在目标元素的左侧，且提示信息的底部与目标元素的底部对齐。 ```html
- + 上左 上边 - + 上右
- + 左上 左边 - + 左下
- + 右上 右边 - + 右下
- + 下左 下边 - + 下右