原生微信小程序开发记录

335 阅读1分钟

swiper:

<swiper
  class='banner' 
  autoplay='true' 
  interval='1000' 
  circular='true'
>  
  <swiper-item><view>1</view></swiper-item>
  <swiper-item><view>1</view></swiper-item>
  <swiper-item><view>1</view></swiper-item>
</swiper>

主要是写一些参数:

  • autoplay:自动播放
  • interval:播放间隔事件
  • circular:衔接播放
  • vertical:竖直滚动,可以做活动播放

注意点:

默认高度是150px,可以自己给swiper添加类名,设置高度值

rpx:

记住一点即可,iPhone6屏幕宽度是375px,共750个物理像素,在iPhone6下1rpx = 375/750 = 0.5px,所以开发时量iPhone6的设计稿使用rpx单位即可

页面下拉刷新

参照开发文档在json文件添加配置,在js文件添加onPullDownRefresh()

注意点:微信开发者工具我在下拉的过程中没有触发监听,在真机模拟的时候触发了 

微信小程序在用户返回到桌面后,那个离开的页面会执行onHide() 

再次进入小程序执行onShow() 

点击左上角返回按钮,当前页面执行onUnload(),卸载页面 

 进入首页 app.onShow(options) 

返回到桌面再次进入小程序,app.onShow(options)都会执行,

根据场景值判断从哪进入小程序 

scene ===1089表示从桌面进入已经处于后台的小程序(Redmi K20 Pro测试)

未完待续:)