云商大本营
云商大本营
  • 发布:2021-07-07 18:08
  • 更新:2021-10-29 15:41
  • 阅读:655

【报Bug】IOS一键登录UI异常

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 11.4

HBuilderX类型: 正式

HBuilderX版本号: 3.1.19

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 苹果

手机机型: iphonex

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
            uni.login({    
                provider: 'univerify',    
                univerifyStyle: {    
                    // 自定义登录框样式,参考`univerifyStyle 数据结构`    
                    fullScreen: 'false', // 是否全屏显示,默认值: "false"    
                    backgroundColor: "#d8d8d8",  // 授权页面背景颜色,默认值:#ffffff      
                    backgroundImage: '/static/home_ditu.jpg', // 全屏显示的背景图片,默认值:"" (仅支持本地图片,只有全屏显示时支持)    
                    icon: {    
                        path: '/static/logo.png',// 自定义显示在授权框中的logo,仅支持本地图片 默认显示App logo    
                        width: 64,    
                        height: 64    
                    },    
                    authButton: {    
                        title: '本机号码一键登录', // 授权按钮文案 默认值:“本机号码一键登录”    
                    },    
                    otherLoginButton: {    
                        visible: 'true', // 是否显示其他登录按钮,默认值:true    
                        title: '其他号码登录' // 其他登录方式按钮文字 默认值:“其他登录方式”    
                    },    
                    privacyTerms: {    
                        defaultCheckBoxState: 'true', // 条款勾选框初始状态 默认值: true    
                        textColor: "#FF0000", // 文字颜色 默认值:#BBBBBB    
                        termsColor: "#FF0000", //  协议文字颜色 默认值: #5496E3    
                        prefix: ' 登录即同意', // 条款前的文案 默认值:“我已阅读并同意”    
                        suffix: '  ', // 条款后的文案 默认值:“并使用本机号码登录”    
                        offsetY: "100",    
                        privacyItems: [    
                            // 自定义协议条款,最大支持2个,需要同时设置url和title. 否则不生效    
                            {    
                                url: 'https://', // 点击跳转的协议详情页面    
                                title: '用户服务协议' // 协议名称    
                            },    
                            {    
                                url: 'https://', // 点击跳转的协议详情页面    
                                title: '隐私政策' // 协议名称    
                            }    
                        ]    
                    }    
                },    
                success: res => {    
                    console.log(res.authResult); //res.authResult: {openid:'登录授权唯一标识',access_token:'接口返回的 token'}    

                    //请求登录认证操作完成后,不管成功或失败都不会关闭一键登录界面,需要主动调用closeAuthView方法关闭    
                    uni.closeAuthView();    
                },    
                fail: err => {    
                    //当用户点击自定义按钮或其他登录方式时,会触发uni.login的fail回调    
                    console.log(err);    

                    //请求登录认证操作完成后,不管成功或失败都不会关闭一键登录界面,需要主动调用closeAuthView方法关闭    
                    uni.closeAuthView();    
                }    
            });

操作步骤:

横屏app一键登录

预期结果:

正常显示登录窗口

实际结果:

未正常显示

bug描述:

一键登录横屏样式有bug

  1. 横屏app打开一键登录页自动变竖屏了,并且页面全乱了
2021-07-07 18:08 负责人:DCloud_iOS_XHY 分享
已邀请:
DCloud_iOS_XHY

DCloud_iOS_XHY

bug已修复

该问题目前已经被锁定, 无法添加新回复