最近在学 CSS 布局，尝试用 web 模仿了一下桌面微信的布局。

[rookiemaster]

感觉 flex 布局好方便，前端还是得熟能生巧。

演示地址： https://rookiemasterrr.github.io/WeChatWeb/

项目地址： https://github.com/RookieMasterrr/WeChatWeb

如图:

[yigemeirenyongde]

写的很不错呀, 加油

[learnshare]

当年写的是 QQ ，因为那时候还没有微信

[kk2syc]

很好的项目，start 了

[rookiemaster]

@yigemeirenyongde 谢谢😊

[rookiemaster]

@kk2syc 谢谢😊

[aikilan]

布局结构挺清晰，比一般的前端强

[cambria]

如果把图标和字号都再调整一下就更像了，加油

[2I0Mto2kjm0c0B9i]

蛮好的，滚动条要暴露出来体验更好些

[2I0Mto2kjm0c0B9i]

还有一些三角标可以试着用伪类去写，能节省标签

[icepie]

加个响应式 窄屏自动切换移动端布局

[rookiemaster]

谢谢各位的鼓励与建议，刚刚入门 css😁

[ydirel]

做的很强👍，不过老哥不是我打击你。。现在普通前端想讨口饭吃是真难。要不咱学 Java 吧

[wencan]

消息列表不是那样的吧？

[hanxiV2EX]

我 css 总是学不会，现在放弃了，截图给 ai 出框架。

[LoveXJP]

加油很不错了，chatcontent 可以不用 calc 计算固定高度

这是一个简单的 demo: https://codepen.io/molvqingtai/pen/zYKjQrx

[wangtian2020]

当 flex 遇到局部滚动就有的玩了

[iorilu]

可以, 学习下