支付宝小程序问题汇总

作者: MJ 分类: 小程序 发布时间: 2019-12-28 16:57

支付宝小程序的常见问题及技巧,分享给需要的朋友。

1:px转rpx

公式:itemHeight(被转换的高度) * (750 / windowWidth(系统设备宽度))

// 获取设备系统宽度
export const getSystemInfo = () => {
  return new Promise(resolve => {
    my.getSystemInfo({
      success: (res) => {
        resolve(res);
      }
    })
  })
 }
const { windowWidth } = await getSystemInfo();
this.setData({
  itemHeight: this.pxTorpx(itemHeight,windowWidth)
})
pxTorpx(itemHeight,windowWidth){
  return itemHeight * (750 / windowWidth);
}

2:父组件调用子组件的setData方法

父组件

onLoad(){
  this.childComponent.setData({})
}

子组件

didMount(){
  this.$page.childComponent = this;
}

3:支付宝小程序数字滚动

https://github.com/majiang666/count-up

4:支付宝小程序,自定义头部滚动背景渐变

https://github.com/majiang666/app-header

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注