Tips 向导提示

弹出式气泡

何时使用

强化界面中的某个元素对用户的提示信息

代码示例

基本使用

插槽

关闭组件

属性

属性类型必填默认值说明
imagestring-需要使用的图片 url
titlestring-提示文字
arrowPosition'top-left' | 'top-center' | 'top-right' | 'left' | 'right' | 'bottom-left' | 'bottom-center' | 'bottom-right'-箭头位置,不传时表示没有箭头
buttonTextstring-按钮文字
showClosebooleanfalse是否有关闭按钮
buttonPosition'right' | 'bottom''right'文字按钮的位置,默认为右边
classNamestring-类名

事件

事件名说明类型
onButtonTap点击按钮,触发回调() => void

样式类

类名说明
amd-tips整体样式
amd-tips-wrap内部样式
amd-tips-wrap-pseudo表面内容区域样式
amd-tips-wrap-pseudo-content表面内容区域样式
amd-tips-arrow箭头样式
amd-tips-wrap-real真实内容区域样式