uni-app 本机号码一键登录横屏应用唤起弹窗点击按钮无反应，也不显示加星号的手机号

uni-app 本机号码一键登录横屏应用唤起弹窗点击按钮无反应，也不显示加星号的手机号

开发环境 版本号 项目创建方式
Windows win11 HBuilderX

示例代码：

<template>  
  <view class="content">  
    <image class="logo" src="/static/logo.png"></image>  
    <view class="text-area">  
      <text class="title">一键登录测试</text>  
    </view>  
    <view>  
      <button @click="login">登录</button>  
    </view>  
  </view>  
</template>  

<script>  
export default {  
  methods: {  
    login() {  
      uni.preLogin({  
        provider: 'univerify',  
        success() {  
          uni.login({  
            provider: 'univerify',  
            univerifyStyle: {  
              fullScreen: true  
            },  
            success(res) {  
              console.log('1-------------', res)  
              uni.closeAuthView()  
            },  
            fail(err) {  
              console.log('2--------------', err)  
              uni.closeAuthView()  
            }  
          })  
        }  
      })  
    }  
  }  
}  
</script>

操作步骤：

将pages.json中globalStyle的pageOrientation设置为landscape就可以复现。

预期结果：

一键登录弹窗正常显示，点击按钮可以获取回调数据

实际结果：

一键登录弹出显示不正常，不显示加星号的手机号码，点击按钮无任何反应，即任何回调均不触发。

bug描述：

横屏应用唤起本机号码一键登录，点击按钮无反应，弹出界面也不显示带星号的手机号，但是把应用改成竖屏，就完全没问题。

示例图片 示例图片


更多关于uni-app 本机号码一键登录横屏应用唤起弹窗点击按钮无反应，也不显示加星号的手机号的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

@DCloud_HB_GX @DCloud_HB_SWC @DCloud_UNI_JBB @DCloud_UNI_yuhe bug100%复现，什么时候能解决，现在官方响应这么慢吗？

更多关于uni-app 本机号码一键登录横屏应用唤起弹窗点击按钮无反应，也不显示加星号的手机号的实战教程也可以访问 https://www.itying.com/category-93-b0.html


自己顶一下

很多官方都不会去管的

一键登录目前没有做横屏适配，登录时可以先锁定竖屏处理。

目前只能暂时这样解决了，后期有没有计划适配？

这是一个已知的uni-app横屏模式下univerify组件布局适配问题。横屏时授权界面布局计算异常，导致关键元素位置偏移或隐藏，造成按钮点击无响应和手机号显示异常。

问题分析：

  1. 横屏模式下，univerify组件的样式适配机制存在缺陷
  2. 弹窗内的交互区域坐标计算错误，导致点击事件无法正确触发
  3. 手机号显示区域可能被挤压或隐藏

临时解决方案：

  1. 在调用登录前临时设置为竖屏：
// 临时切换为竖屏
uni.setScreenOrientation({
  orientation: 'portrait'
})

// 执行登录逻辑
uni.preLogin({
  // ...参数
})
  1. 登录完成后恢复横屏：
success(res) {
  uni.setScreenOrientation({
    orientation: 'landscape'
  })
  // ...其他逻辑
}
回到顶部