uni-app 横版app隐私政策弹窗按钮显示不出来

uni-app 横版app隐私政策弹窗按钮显示不出来

信息类别 详情
产品分类 uniapp/App
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 11.5.2
HBuilderX类型 正式
HBuilderX版本号 3.2.3
手机系统 Android
手机系统版本号 Android 11
手机厂商 OPPO
手机机型 realme Q3
页面类型 vue
打包方式 离线
项目创建方式 HBuilderX
App下载地址或H5网址 https://a.app.qq.com/o/simple.jsp?pkgname=com.ola100.app

示例代码：

{
"version" : "200",
"prompt" : "template",
"title" : "服务协议和隐私政策",
"message" : "　　请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，你可阅读<a href=\"https://c.ola100.com/appstatic/user-service.html\">《用户服务协议》</a>和<a href=\"https://c.ola100.com/appstatic/privacy-agree.html\">《隐私政策》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
"buttonAccept" : "同意并接受",
"buttonRefuse" : "暂不同意",
"second" : {
"title" : "确认提示",
"message" : "　　进入应用前，你需先同意<a href=\"https://c.ola100.com/appstatic/user-service.html\">《用户服务协议》</a>和<a href=\"https://c.ola100.com/appstatic/privacy-agree.html\">《隐私政策》</a>，否则将退出应用。",
"buttonAccept" : "同意并继续",
"buttonRefuse" : "退出应用"
},
"styles" : {
"backgroundColor" : "#e1e1e1",
"borderRadius" : "5px",
"title" : {
"color" : "#1c1c1c"
},
"buttonAccept" : {
"color" : "#4FA6FF"
},
"buttonRefuse" : {
"color" : "#888888"
}
}
}

操作步骤：

  • 首次打开app弹窗隐私政策弹窗

预期结果：

  • 能正常显示按钮

实际结果：

  • 按钮显示不出来

bug描述：

  • 横版app隐私政策政策弹窗按钮显示不出来，隐私政策内容多的时候不能滑动


更多关于uni-app 横版app隐私政策弹窗按钮显示不出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html

13 回复

更新到最新版本SDK 。试试

更多关于uni-app 横版app隐私政策弹窗按钮显示不出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html


一直用的最新版的sdk，每次有更新都会升级，现在用的3.2.3

回复 云商大本营: 我刚才没有复现这个问题。 你在HX上有问题吗

回复 DCloud_Android_DQQ: 在HX上有问题吗是什么意思啊

回复 DCloud_Android_DQQ: 刚故意把内容写很多很长，发现可以滚动，但是按钮显示不出来，横版app使用androidPrivacy.json模式是个必现的问题

bug确认了吗

回复 DCloud_Android_DQQ: bug确认了吗？

故意把内容写很多很长，发现可以滚动，但是按钮显示不出来，横版app使用androidPrivacy.json模式是个必现的问题

竖版有问题吗

回复 DCloud_Android_DQQ: 我们的app是横版的，没试过竖版

bug 已确认，稍后版本会修复

你好 3.3.13 版本 也不生效 能看一下 我发的问题嘛

根据你提供的截图和代码，问题在于隐私政策弹窗的按钮在横屏模式下被遮挡。这通常是由于弹窗的布局或样式在横屏适配时出现问题。

主要原因：

  1. 弹窗高度计算问题：在横屏模式下，弹窗内容区域高度可能未正确计算，导致按钮区域被挤出可视范围。
  2. CSS样式兼容性：自定义的borderRadius、backgroundColor等样式在横屏下可能影响布局。

解决方案：

  1. 检查弹窗容器样式： 确保弹窗的容器样式适配横屏。可以尝试在styles中添加或调整：

    "styles": {
  "backgroundColor": "#e1e1e1",
  "borderRadius": "5px",
  "height": "80%", // 限制弹窗高度，避免溢出
  "maxHeight": "600px", // 横屏时设置最大高度
  "overflow": "auto" // 允许内容滚动
}

  2. 优化内容区域滚动： 如果隐私政策内容较长，确保弹窗内容区域可滚动。在message部分使用<scroll-view>或通过CSS设置：

    .privacy-content {
  max-height: 300px;
  overflow-y: auto;
}
回到顶部