EApplet
支持的类型:有 list,simple-list,search-list,new,edit,detail,popup-detail,header-detail。 EApplet/popup-detail
为卡片式的浮层对话框,一般用于展示详情信息。
# 基础示例
EApplet
通过设置 template
属性为 popup-detail
展现卡片浮层对话框,设置具名 slot
来定制可展示的内容,hover 到此内容显示浮层。
# 浮层显示事件
浮层显示时会触发 show
事件,支持 async/await
。
# 自定义 popup 样式
设置 popupClass
属性,给浮层对话框增加 popup 浮层增加自定义类,设置具名 slot
自定义展示内容。
# EApplet/popup-detail
组件接口
名称 | 位置 | 描述 |
---|---|---|
popupClass | props | String,给悬浮卡片添加类 |
placement | props | String,默认 right,浮出层出现的位置 |
show | event | 浮层显示时会触发 show 事件 |
# Slots
名称 | 描述 |
---|---|
默认 slot | 默认 slot 用来放浮出层的 body 体 |
reference | 浮出层展示锚点 |