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

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

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

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


 

 

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


 

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


 


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


 


 


 

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

4.图片的组件样式:


 

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


 

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

 
 
已为 28,893 商家解决技术难题

联系我们

业务咨询:18359788509

客服反馈:18350356243

周一至周六 9:30-18:30

官方微信 客服微信

闽ICP备18002760号-2
Hello,欢迎来咨询~

咨询热线

微信咨询