当前位置：主页 > 帮助中心 > 制作教程图片组件添加宽度高度设置——微信小程序开发工具

图片组件添加宽度高度设置——微信小程序开发工具

来源：原创 | 2018-05-14 10:00 点击数：

一.小程序开发工具 ——图片组件
特别提醒：因为手机屏幕有大有小，为了各种型号手机的适配，设计图片的时候请按照全屏宽度为750像素的微信官方标准设计，平台pc端模拟展示宽度为320像素，图片上传后，会自动把图片缩小为原来的0.42倍（320/750），图片组件的宽、高也会自动设置为缩小后的数据。
用途：用作图片的展示，也可以点击事件进行页面跳转等。

1.做图片展示，点击图片可以进行图片更换。

2.“点击事件”的“页面”选项，可以链接至相应设定的界面（后续功能持续增加）

3.“点击事件”的“功能”选项，可以选择“调用功能”。“调用功能”中可以选择“拨打电话”、“刷新页面”“电商商品绑定”“电商商品分类”“文章绑定”“点击放大”“领取优惠券”“预约商品绑定”“到店商品绑定”“子店铺绑定”“社区版块绑定”“领取餐饮优惠券”“小程序跳转”“网页跳转”“地图导航”（后续功能持续增加）

以“电商商品绑定”为例，添加绑定商品信息，保存

在编辑界面点击”预览“，在浏览时点击图片，即可链接到所绑定的商品信息。

4.图片的组件样式：

尺寸：设置本组件的宽度、高度。
间距：设置本组件与其他组件之间的间距。
位置：设置图片在本组件的位置。
透明度：设置图片在本组件的透明程度。
圆角：设置图片在本组件的圆弧程度，数值越大，图片呈现的圆弧程度越圆。
边框设置样式：设置本组件的样式，如“实线”“点线”“虚线”。
粗细：如果设置了组件样式，可以调整样式的线条粗细。
颜色：如果设置了组件样式，可以调整样式的线条颜色。
阴影设置：设置本组件的阴影效果。

速成应用-是专业的微信小程序开发平台,无需代码一键生成小程序工具,一分钟就可以完成快速制作!已为上千家企业定制微信小程序开发方案,因为专注,所以专业!

免编程立即制作小程序

上一篇：制作页面功能介绍——微信小程序内页跳转页属性使用教程

下一篇：商品列表组件1——微信小程序开发定制平台电商系统使用方法

资讯导航

制作教程产品套餐产品动态行业资讯常见问题

新手教程

更多+

教程大全

【速成应用】微信小程序开发平台|小程序制作工具|免费微信小程序生成器

图片组件添加宽度高度设置——微信小程序开发工具

资讯导航

新手教程

猜你喜欢的内容

热门资讯