uniapp 鸿蒙华为一键登录 embed颜色怎么改 uniapp 鸿蒙华为一键登录模块的embed颜色如何修改

在使用uniapp开发鸿蒙应用时，集成华为一键登录模块，如何修改embed按钮的背景颜色？

2 回复

在manifest.json的"huawei-agconnect-auth"模块中配置embedColor属性，值为十六进制颜色代码，如"#FF0000"表示红色。

更多关于uniapp 鸿蒙华为一键登录 embed颜色怎么改 uniapp 鸿蒙华为一键登录模块的embed颜色如何修改的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在 UniApp 中，鸿蒙华为一键登录模块的 embed 颜色修改需要通过配置华为 HMS SDK 的参数来实现。以下是具体步骤和示例代码：

修改方法

  1. 在 manifest.json 中配置：
    在 uni-app 项目的 manifest.json 文件中，找到 H5 或 App 模块配置，添加华为一键登录的相关设置，并指定 embed 颜色。

  2. 使用代码动态设置：
    在调用一键登录的页面中，通过 uni.login 或其他相关 API 传递颜色参数。

示例代码

在 manifest.json 的 App SDK 配置 部分添加（如果已集成 HMS）：

"plugins": {
  "hms-account": {
    "version": "你的SDK版本",
    "provider": "huawei"
  }
}

在页面中调用一键登录时，通过 authType 参数设置颜色（具体参数名以华为官方文档为准）：

uni.login({
  provider: 'huawei',
  authType: 'quickLogin',
  embedColor: '#FF0000', // 修改为需要的颜色值，例如红色
  success: (res) => {
    console.log('登录成功', res);
  },
  fail: (err) => {
    console.error('登录失败', err);
  }
});

注意事项

  • 确认参数支持：华为 HMS SDK 的 embed 颜色参数名称可能因版本而异，请参考 华为官方文档 确认最新配置。
  • 颜色格式：使用十六进制颜色值（如 #RRGGBB）。
  • 平台限制：此配置仅适用于集成 HMS 的鸿蒙或华为设备。

如果问题仍未解决，建议检查 UniApp 插件版本或联系华为技术支持获取详细参数说明。

回到顶部