Poptip

Poptip 提示框组件,专注于带箭头的气泡框显示、隐藏、动画等交互功能。

Poptip 继承了 Combobox,可使用其中属性和方法。

配置说明

classPrefix string

统一样式前缀。

content string

提示内容。

skin string

提供默认主题样式: ui-poptip-yellow ui-poptip-blue ui-poptip-white

tipPosition string

提示框位置,默认位置为 bottom left

distance number

提示框离目标距离(px)。

arrowShift number

箭头偏移位置(px),负数表示箭头位置从最右边或最下边开始算。

closable boolean

是否有关闭的提示。

最佳实践

var Poptip = FNX.include('combobox/poptip');

new Poptip({
    trigger: '#test',            // 触发器
    content: '我是内容',         // 提示框显示的内容
    arrowPosition: 'bottom left' // 下左的箭头位置
});

示例