气泡提示框(原型小案例)

web端高保真原型系列

1、交互按钮元件组合

2、输入框元件组合（数字、中文、英文、非中文、身份证、邮箱、手机号、密码）

3、搜索框元件组合

4、下拉列表元件组合（单选下拉列表+多选下拉列表+分级下拉列表）

5、消息提示弹窗元件组合

6、中继器表格元件组合(增删改、上下移动、排序、多选、模糊搜索、分类筛选、分页显示、下载效果）

7、统计图表元件组合（柱状图、 多柱状图、堆叠柱状图、条形图、堆叠条形图、排名图、散点图、折线图、饼图、环形图、漏斗图）

8、中国地图元件（中继器维护数据）

9、世界地图元件（中继器维护数据）

10、可视化视图原型案例

11、三级多选树元件（中继器维护数据）

12、可增删改的树结构元件（中继器维护数据）

13、可增删改的多选树元件（中继器维护数据）

14、多选树下拉列表（中继器维护数据）

15、步骤条模板（信用卡案例）

16、上传原型组合（上传图片、文件、头像）

17、图片轮播——图片墙

18、评论原型（中继器制作）

19、架构图、流程图、分析图原型组合

20、登录注册找回密码原型组合

21、菜单原型组合（三级菜单、标签页菜单、锚点菜单、动态面板菜单）

22、管理后台内容框架原型案例

23、通用权限管理原型案例

24、文件管理原型案例（图片、视频、文档、音乐管理）

25、信息录入原型案例

本原型介绍

效果演示

1. 移入气泡提示框（仅查看）

鼠标移入时自动显示气泡

2. 点击气泡提示框（仅查看）

效果与上述一致，触发条件变为鼠标单击时查看，大家可以根据需求选择使用

3. 气泡提示框（可输入）

4. 自带滚动条气泡提示框

当文字太长时，气泡提示框自带滚动条，可以上下滚动

5. 五颜六色的气泡提示框

原型内有多种颜色的气泡提示框模板，大家可以直接使用，也可以根据自己的需要填充。