uni-app 一键登录功能中关闭图标以及checkbox不显示问题

uni-app 一键登录功能中关闭图标以及checkbox不显示问题

开发环境 版本号 项目创建方式
Mac Mac mini 11.4 CLI

示例代码:

univerifyStyle: {    
    "fullScreen": true, // 是否全屏显示,默认值: false  
    "backgroundColor": "#ffffff",  // 授权页面背景颜色,默认值:#ffffff  
    "backgroundImage": "", // 全屏显示的背景图片,默认值:"" (仅支持本地图片,只有全屏显示时支持)    
    "icon": {    
        "path": "static/logo@2x.png" // 自定义显示在授权框中的logo,仅支持本地图片 默认显示App logo     
    },    
    "phoneNum": {    
        "color": "#202020"  // 手机号文字颜色 默认值:#202020    
    },    
    "slogan": {    
        "color": "#BBBBBB"  //  slogan 字体颜色 默认值:#BBBBBB    
    },    
    "authButton": {    
        "normalColor": "#FE951F", // 授权按钮正常状态背景颜色 默认值:#3479f5    
        "highlightColor": "#2861c5",  // 授权按钮按下状态背景颜色 默认值:#2861c5(仅ios支持)    
        "disabledColor": "#DDDDDD",  // 授权按钮不可点击时背景颜色 默认值:#73aaf5(仅ios支持)    
        "textColor": "#ffffff",  // 授权按钮文字颜色 默认值:#ffffff    
        "title": "本机号码一键登录", // 授权按钮文案 默认值:“本机号码一键登录”    
        "borderRadius": "8px"    // 授权按钮圆角 默认值:"24px" (按钮高度的一半)  
    },  
    "otherLoginButton": {    
        "visible": true, // 是否显示其他登录按钮,默认值:true    
        "normalColor": "", // 其他登录按钮正常状态背景颜色 默认值:透明   
        "highlightColor": "", // 其他登录按钮按下状态背景颜色 默认值:透明   
        "textColor": "#656565", // 其他登录按钮文字颜色 默认值:#656565    
        "title": "其他登录方式", // 其他登录方式按钮文字 默认值:“其他登录方式”    
        "borderColor": "",  //边框颜色 默认值:透明(仅iOS支持)    
        "borderRadius": "0px" // 其他登录按钮圆角 默认值:"24px" (按钮高度的一半)  
    },    
    "privacyTerms": {    
        "fontSize": 12,  
        "defaultCheckBoxState":true, // 条款勾选框初始状态 默认值: true  
        "uncheckedImage":"", // 可选 条款勾选框未选中状态图片(仅支持本地图片 建议尺寸 24x24px)(3.2.0+ 版本支持)     
        "checkedImage":"", // 可选 条款勾选框选中状态图片(仅支持本地图片 建议尺寸24x24px)(3.2.0+ 版本支持)     
        "textColor": "#BBBBBB", // 文字颜色 默认值:#BBBBBB    
        "termsColor": "#FE951F", //  协议文字颜色 默认值: #5496E3    
        "prefix": "我已阅读并同意", // 条款前的文案 默认值:“我已阅读并同意”    
        "suffix": "并使用本机号码登录", // 条款后的文案 默认值:“并使用本机号码登录”    
        "privacyItems": [  // 自定义协议条款,最大支持2个,需要同时设置url和title. 否则不生效    
            {    
                "url": "https://", // 点击跳转的协议详情页面    
                "title": "用户服务协议" // 协议名称    
            }    
        ]    
    },  
    "buttons": {  // 自定义页面下方按钮仅全屏模式生效(3.1.14+ 版本支持)  
        "iconWidth": "45px", // 图标宽度(高度等比例缩放) 默认值:45px  
        "list": []  
    }  
}

更多关于uni-app 一键登录功能中关闭图标以及checkbox不显示问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

仔细看下文档,将缺少的资源添加进工程

更多关于uni-app 一键登录功能中关闭图标以及checkbox不显示问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


谢谢你的回答,确实是资源文件忘记添加进工程,已解决

根据你的配置,主要问题可能出现在以下几个方面:

  1. 关闭图标不显示
    • univerifyStyle 配置中,没有设置 closeIcon 属性。关闭图标默认是显示的,但如果你需要自定义,可以添加:
    "closeIcon": {
      "path": "static/close.png" // 自定义关闭图标路径
    }
回到顶部