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

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

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

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

立即创建
行业应用

有客365PMS

增长实验室

敬请期待...

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

图片模块-小程序编辑设计系列教程2

2020-08-06 17:27:00

免费创建小程序教程-如何使用图片模块

什么是图片模块?

图片是小程序或网页的重要内容呈现方式,图片模块基于图片素材库(官方素材+用户上传)可配置出丰富的页面。

image.png

image.png

如何添加图片模块?

图片模块占位属性基于自由容器,编辑器左侧基础模块中拖入(拖入一个新位置或拖入到一个已有自由容器中)或点击模块(点击模块是自动追加到页尾)添加图片。

image.png

如何使用图片模块?

1. 添加或修改图片

点击图片模块可再次添加图片,如需修改图片点击修改图片按钮即可,在图片模块中,用户可自己上传图片或者在公共素材库中选择图片

image.png

2. 修改图片大小及位置

单击图片选中后,可通过拖动图片的方式修改图片大小和位置,或通过右侧属性配置修改图片宽高的方式修改图片大小。

image.png

3. 添加图片链接

点击设置链接按钮,可对图片设置跳转链接,设置后,点击图片即可看到跳转效果。

image.png

4. 模块名称及样式设置

图片模块单独占位时,是一个自由容器,点击模块空白处,可自定义模块名称,如不需要显示模块名称,可勾选隐藏。

image.png

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

image.png