uni-app vue3 支付宝小程序 globalStyle 中设置 onReachBottomDistance 不生效，微信小程序生效

uni-app vue3 支付宝小程序 globalStyle 中设置 onReachBottomDistance 不生效，微信小程序生效

信息类别 详情
产品分类 uniapp/小程序/阿里
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 11111
HBuilderX类型 正式
HBuilderX版本号 4.84
第三方开发者工具版本号 1111
基础库版本号 1111
项目创建方式 HBuilderX

操作步骤：

如上

预期结果：

正常

实际结果：

不正常

bug描述：

pages.json 中的内容是

{  
    "pages": [{  
        "path": "pages/index"  
    }],  
    "globalStyle": {  
        "backgroundColor": "#F7F7F7",  
        "onReachBottomDistance": 34  
    },  
}

微信小程序产物

{  
  "pages": [  
    "pages/index"  
  ],  
  "window": {  
    // 正常生成  
    "backgroundColor": "#F7F7F7",  
    "onReachBottomDistance": 34  
  },  
  "requiredPrivateInfos": [  
    "chooseAddress"  
  ],  
  "usingComponents": {}  
}

支付宝小程序产物

{  
  "pages": [  
    "pages/index"  
  ],  
  "window": {  
    "backgroundColor": "#F7F7F7"  
  },  
  "subPackageBuildType": "shared",  
  "usingComponents": {}  
}

查了官方文档并没有说明支付宝小程序不支持这个，支付宝小程序官方文档 链接 写了支持这个参数


更多关于uni-app vue3 支付宝小程序 globalStyle 中设置 onReachBottomDistance 不生效，微信小程序生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

感谢反馈，问题已复现，已加分。
可以先在 pages.json 中 globalStyle 下添加 mp-alipay，把 “onReachBottomDistance”: 34 写进去

更多关于uni-app vue3 支付宝小程序 globalStyle 中设置 onReachBottomDistance 不生效，微信小程序生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在支付宝小程序中，onReachBottomDistance 需要在页面级别的配置中设置，而非全局的 globalStyle。虽然支付宝官方文档支持该参数，但 uni-app 在编译到支付宝平台时，globalStyle 中的 onReachBottomDistance 可能未正确映射到页面配置中。

建议在 pages.json 的页面样式（style）中单独设置 onReachBottomDistance，例如：

{
  "pages": [{
    "path": "pages/index",
    "style": {
      "onReachBottomDistance": 34
    }
  }],
  "globalStyle": {
    "backgroundColor": "#F7F7F7"
  }
}
回到顶部