小程序生成(小商小站+智慧预约)

品牌多端快速上线,公域私域流量快速传播获客

完全免费,海量模板(可定制),无须任何技术投入

产品运营等无技术背景同学上线小程序首选方案

立即创建
行业应用

有客365PMS

增长实验室

敬请期待...

助力中小商户品牌传播与获客
产品中心 小程序模板
登录/注册
售前客服热线
136-9345-8144
售后支持热线
136-9345-8144
或见官方使用文档

按钮模块-小程序编辑设计系列教程3

2020-08-07 10:19:53

免费创建小程序教程-如何使用按钮模块

什么是按钮模块?

按钮一般是网页或小程序的表单提交等跳转行为表现的主要形式,在页面中可以轻松设计(包含按钮背景颜色,按钮文案等)一个按钮样式,并配置跳转目标页。

image.png

image.png

如何添加按钮模块?

编辑器左侧基础模块中拖入(拖入一个新位置或拖入到一个已有自由容器中)或点击模块(点击模块是自动追加到页尾)添加按钮

image.png

如何使用按钮模块?

1. 修改按钮样式

点击按钮,支持4种不同的按钮样式,并支持自定义按钮颜色。

image.png

2. 修改按钮文本及样式、

点击按钮,在右侧可修改按钮文本、文本字号、文字颜色。

image.png

3. 修改按钮大小及位置

拖动按钮可更改按钮位置,在右侧可设置按钮大小。

image.png

4. 设置按钮跳转链接

点击设置链接按钮,可对按钮设置跳转链接。

image.png

5. 模块名称及样式设置

按钮模块也是基于自由容器实现,按钮模块单独占位时就是一个自由容器,可点击模块空白处,自定义模块名称,如不需要显示模块名称,可勾选隐藏。

image.png

点击模块空白处,支持自定义模块填充背景,可选择以图片形式或颜色形式填充。

image.png