Tips 向导提示

弹出式气泡

何时使用

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

代码示例

基本使用

插槽

关闭组件

属性

属性类型必填默认值说明
imagestring否-需要使用的图片 url
titlestring是-提示文字
arrowPosition'top-left' | 'top-center' | 'top-right' | 'left' | 'right' | 'bottom-left' | 'bottom-center' | 'bottom-right'否-箭头位置,不传时表示没有箭头
buttonTextstring否-按钮文字
showCloseboolean否false是否有关闭按钮
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真实内容区域样式