Avatar colored background code example
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 45/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- angular, typescript
调研方向
先从示例应用和 issue 中展示的头像模板开始，然后查看链接的无障碍颜色参考资料。当示例应用演示动态着色的头像背景，并且代码示例指南记录该用法时，这项工作就完成了。
由索引模型根据 Issue 内容生成。
描述
Add this to sample app, and create a code example guide:
Avatar: If possible, add a random color for the avatar’s bg. You can find 16 accessible colors here.
Implementation idea: create a custom avatar that users the default avatar component but sets background color dynamically
<ng-template
#avatarTemplate
let-name="name"
let-imageUrl="imageUrl"
let-size="size"
let-user="user"
let-channel="channel"
>
<stream-avatar
style="--str-chat__avatar-background-color: customColor"
[name]="name"
[imageUrl]="imageUrl"
[size]="size"
[user]="user"
[channel]="channel"
></stream-avatar>
</ng-template>
- 主要语言
- TypeScript
- 星标
- 67
- 派生
- 34
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
GetStream/stream-chat-angular 的其他 Issue
-
难度 3/5 1-2 天 新手友好度 38/100
GetStream/stream-chat-angular#711 · 1 条评论 ·
-
难度 3/5 1-2 天 新手友好度 25/100
GetStream/stream-chat-angular#663 · 2 条评论 ·
-
难度 3/5 1-2 天 新手友好度 20/100
GetStream/stream-chat-angular#656 ·
-
难度 3/5 1-2 天 新手友好度 35/100
GetStream/stream-chat-angular#655 · 1 条评论 ·
-
难度 3/5 1-2 天 新手友好度 35/100
GetStream/stream-chat-angular#630 · 1 条评论 ·
查看 GetStream/stream-chat-angular 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 66/100
cockpit-project/cockpit-machines#2835 ·
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
cloudflare/kumo#866 ·
维护者通常 1 天内回复
-
area:connector bug
难度 1/5 1 小时以内 新手友好度 82/100
维护者通常 1 天内回复
-
environment: OPENCODE_API_KEY is described as a Console service account key, but a Go subscription key works可能已有人在做 关联的 PR 仍在进行中或已合并。 未关闭
难度 2/5 1-3 小时 新手友好度 78/100
tester-army/e2e#1015 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 62/100
维护者通常 1 天内回复