uni-app 一键登录的授权界面显示异常

uni-app 一键登录的授权界面显示异常

开发环境 版本号 项目创建方式
Windows win10 1909 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Windows

PC开发环境操作系统版本号：win10 1909

HBuilderX类型：正式

HBuilderX版本号：4.64

手机系统：Android

手机系统版本号：Android 15

手机厂商：小米

手机机型：xiaomi 14 pro

页面类型：vue

vue版本：vue2

打包方式：云端

项目创建方式：HBuilderX

示例代码：

uni.login({
provider:‘univerify’,
univerifyStyle:{
fullScreen:true,
icon:{
path: “static/app_icons/android/72.png”, // 自定义显示在授权框中的logo，仅支持本地图片 默认显示App logo
width: “60px”, //图标宽度 默认值：60px
height: “60px” //图标高度 默认值：60px
},
},
success(res) {
uniCloud.callFunction({
name:‘phone-login’,
data: {
access_token: res.authResult.access_token, // 客户端一键登录接口返回的access_token
openid: res.authResult.openid // 客户端一键登录接口返回的openid
}
}).then(res => {
console.log(‘调用云函数成功：’,res);
}).catch(e => {
console.log(‘调用云函数失败：’,e);
})
},
fail(res) {
console.log(‘fail:’,res);
})

操作步骤：
- 通过uni.login()打开手机号一键登录的授权界面

预期结果：
- 全屏模式下，正常显示一键登录的授权界面

实际结果：
- 全屏模式下，授权界面的左上角关闭按钮显示不全

bug描述：
- 手机号码一键登录的授权界面，在全屏模式下，左上角的关闭按钮显示不全

![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20250513/50936e5736955408099403c81a674940.jpg)

更多关于uni-app 一键登录的授权界面显示异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 一键登录的授权界面显示异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据您描述的问题和截图，这可能是Android 15系统下uni-app一键登录全屏模式的适配问题。以下是可能的原因和解决方案：

  1. 系统状态栏适配问题：
  • Android 15可能调整了状态栏的显示机制
  • 全屏模式下系统状态栏可能覆盖了关闭按钮
  1. 解决方案尝试：
uni.login({
    provider:'univerify',
    univerifyStyle:{
        fullScreen:false, // 改为非全屏模式测试
        // 其他配置保持不变
    }
})
  1. 如果必须使用全屏模式，可以尝试调整样式：
univerifyStyle:{
    fullScreen:true,
    closeButton:{
        top: '30px', // 调整关闭按钮位置
        left: '20px'
    }
}
回到顶部