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

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

一、悬浮窗的定义

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

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

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

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

(3)组件类型设置解释如下：上下结构：是指图标和文字上下排版左右结构：是指图标和文字左右排版每行个数：设置每行悬浮窗设置个数

注：编辑器点击展开按钮可以查看收缩效果

(5)悬浮窗图标设置，展开按钮和收缩按钮的解释如下图表示：

收起悬浮窗的位置可以调整，分别可以在背景图里面和背景图外面，具体样式可查看下图：

(6)组件样式设置

4.收藏悬浮窗

点击【收藏为悬浮窗】，输入模板名称、模板图片、权重(可以改变模板位置)、模板分类，点击【确定】，就将模板进行收藏了

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

程序开发

文章知识点与官方知识档案匹配，可进一步学习相关知识小程序技能树首页概览3680 人正在系统学习中 相关资源：漂浮截图工具-教育工具类资源

来源：知业时代