小程序全局悬浮窗_小程序悬浮窗-微信小程序制作

观看此功能视频教程请点击：http://school.jisuapp.cn/courses/151-20.html

一、悬浮窗的定义

悬浮窗：在小程序界面悬挂在右侧，可以快速直接进入到软件功能的快捷键，称为悬浮窗。对悬浮窗可以设置相关点击事件。类型：固定悬浮窗、收缩悬浮窗

注：初次使用固定悬浮窗设置宽高属性之后，需要重新打包后才生效；web端只允许查看样式，功能请到开发者工具上查看

二、悬浮窗使用流程

1.添加悬浮窗

进入【编辑页面】-【组件库】-【布局】-【悬浮窗】

选择空白(如固定悬浮窗，收缩悬浮窗)/系统模板，添加到编辑器

2.固定悬浮窗的使用

(1)添加固定悬浮窗到编辑器(2)支持更换模板(3)默认新增4个悬浮窗，可以自主新增，最多允许新增5个悬浮窗

(4)可以对每个悬浮窗设置跳转点击事件，支持修改

(5)可根据需要显示是否显示图标或只显示文字

(6)组件样式，切换至组件样式，可以对悬浮窗设置样式，设置完之后，点击【预览】，可以到web端进行预览，查看效果