popup 弹出

一种弹出组件,是 dialog, tooltip, drawer

示例

基础使用

1<popup as_prop="popup">
2    <popup_container as_prop="container" height="220.0" width="360.0" flow="Down" theme="Info">
3        <label text="'Container'"></label>
4    </popup_container>
5</popup>

属性

名称说明类型
theme主题Themes
opacity不透明度F32
background_color背景颜色MakepadColor
hover_color悬停颜色MakepadColor
focus_color聚焦颜色MakepadColor
border_color边框颜色MakepadColor
border_width边框宽度F32
border_radius边框圆角F32
visible是否可见bool
background_visible背景是否可见bool
cursor光标样式MouseCursor
mode弹出框模式PopupMode
close_mode关闭模式CloseMode
shadow_color阴影颜色MakepadColor
spread_radius阴影扩散半径F32
blur_radius阴影模糊半径F32
shadow_offset阴影偏移Vec2
margin外边距Margin
width宽度Size
height高度Size
abs_pos绝对位置DVec2
clip_x是否裁剪 X 轴bool
clip_y是否裁剪 Y 轴bool
padding内边距Padding
align对齐方式Align
flow流动方式Flow
spacing间距F64
scroll滚动偏移DVec2

事件回调

None

插槽

  • container