关于微信小程序:如何在页面中制作悬浮发布按钮弹窗

7次阅读

共计 373 个字符,预计需要花费 1 分钟才能阅读完成。

成果展现:

前置筹备:

1. 已搭建好,待增加悬浮层的页面

2.icon 素材

具体步骤:(3)

  1. 增加悬浮层页面

 2. 配置悬浮层敞开触发器

  3. 配置首页公布 icon 触发器和动画

步骤合成:

1. 增加悬浮层页面

1.1 点击左侧面板中的 界面

1.2 增加 悬浮层

1.3 增加 标签文本 组件

1.4 增加 图标 组件

1.5 在右上方面板 款式 中的 尺寸设置 填充色设置 配置须要的悬浮层款式

2. 配置悬浮层敞开触发器

2.1 选中敞开 图标 组件

2.2 在右侧上方面板中的 触发器 增加敞开弹窗触发器

3. 配置首页公布 icon 触发器和动画

3.1 选中首页 界面

3.2 选中公布 图标 组件

3.3 在右侧上方面板中的 动画 增加 自定义动画 并进行相干数据配置

3.4 在右侧上方面板中的 触发器 增加关上弹窗触发器,并进行相干数据配置

这样就能够在页面中制作悬浮公布按钮弹窗了。
官网链接:https://www.towify.com/#/

正文完
 0