当前位置:清晨 » 小程序笔记

  • 小程序swiper的高度自适应

    2018年06月22日 | 作者: 影子 | 评论数:0

    小程序swiper的高度自适应
    原理 图片加载完之后,获取图片的原始宽高,根据宽高比,计算出适应后的宽高,如果是适应屏幕宽度的话,就用到 wx.getSystemInfo() 方法设备的信息,并保存到一个数组中,(因为加载的原因不能用push,只能根据索引),切换时监听当前显示的图片,根据其索引找到对应的高度,并赋值给组件即可。   wxml &...

    标签:,

  • 小程序APP方法使用步骤

    2018年06月19日 | 作者: 影子 | 评论数:0

    小程序APP方法使用步骤
    在app.js中注册 //app.js App({ onLaunch: function(options) { console.log(“onLaunch”); }, onShow: function(options) { console.log(“onShow”); // Do something when show. }, onHide: function() { console.log(“onHide”); // Do something when hide. }, onError:...

    标签:

  • 微信小程序image图片自适应的方法

    2018年06月14日 | 作者: 影子 | 评论数:0

    微信小程序image图片自适应的方法
      一.使用mode属性 mode:widthFix <image class="img" src="/hello.png" mode="widthFix"> .img{   width: 100%; } 或 .img{   width: 100rpx; } 二.用bindload绑定函数js处理 <image src=”{{ item }}” bindload=”imageLoad” data-index=”{{ index }}...

    标签:

  • 微信小程序的wx:for,wx:for-items,wx:for-item,wx:key等的关系及正确使用

    2018年06月06日 | 作者: 影子 | 评论数:0

    微信小程序的wx:for,wx:for-items,wx:for-item,wx:key等的关系及正确使用
    wx:for 主要用于循环输出数组,对象等; wx:key 主要用于在动态生成的列表当中,保持一些栏位的状态不变; 官方的解释是: 如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 中的输入内容, 的选中状态),需要使用 wx:key 来指定列表中项目的唯一的标识...

    标签: