提交 d3c9665c 编写于 作者: A afc163

update popover and tooltip readme

上级 7eaf9641
......@@ -6,6 +6,7 @@ var Tooltip = require('rc-tooltip');
module.exports = React.createClass({
getDefaultProps: function () {
return {
transitionName: '',
placement: 'top',
trigger: 'hover'
};
......@@ -19,10 +20,19 @@ module.exports = React.createClass({
{this.props.overlay}
</div>
</div>;
var transitionName = ({
top: 'zoom-down',
bottom: 'zoom-up',
left: 'zoom-right',
right: 'zoom-left'
})[this.props.placement];
return (
<Tooltip placement={this.props.placement}
prefixCls="popover"
renderPopupToBody={false}
transitionName={transitionName}
trigger={this.props.trigger}
overlay={overlay}>
{this.props.children}
......
......@@ -11,7 +11,7 @@
当目标元素有进一步的描述和相关操作时,可以收纳到卡片中,根据用户交互展现。
Tooltip 的区别是,用户可以对浮层上的元素进行操作,因此它可以承载更复杂的内容。
`Tooltip` 的区别是,用户可以对浮层上的元素进行操作,因此它可以承载更复杂的内容。
## API
......
......@@ -12,7 +12,7 @@
鼠标移入则显示提示,移出消失,气泡浮层不承载复杂文本和操作。
可用来代替系统默认的 title 提示,提供一个按钮/文字/操作的文案解释。
可用来代替系统默认的 `title` 提示,提供一个`按钮/文字/操作`的文案解释。
## API
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册