用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 小技巧系列 查看内容

微信小程序小技巧《十九》实现图片高度自适应,带参数分享 ... ...

天下雪 2017-1-10 01:09

wx.getSystemInfo接口得到屏幕宽度,swiper高度依据图片宽高等比缩放;widthFix属性得图片一键高度自适应

本文作者:秀杰,来自他的博客
一:实现图片高度自适应

1. swiper轮播海报通过wx.getSystemInfo接口获取屏幕高度,高度依据图片宽高等比缩放

文档出处:https://mp.weixin.qq.com/debug/wxadoc/dev/api/systeminfo.html#wxgetsysteminfoobject

运行于app.js,全局保存

  1. // 设备信息
  2. wx.getSystemInfo({
  3. success: function(res) {
  4. that.screenWidth = res.windowWidth;
  5. }
  6. });

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 秀杰 来自: 授权地址

相关阅读