rookiemaster
V2EX  ›  前端开发

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

By rookiemaster at 2025 年 3 月 11 日 · 3836 次点击
感觉 flex 布局好方便,前端还是得熟能生巧。

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

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

如图:
18 条回复  •  2025-10-31 15:59:51 +08:00
yigemeirenyongde
   1
yigemeirenyongde  
   2025 年 3 月 11 日   ❤️ 1
写的很不错呀, 加油
learnshare
   2
learnshare  
   2025 年 3 月 11 日   ❤️ 1
当年写的是 QQ ,因为那时候还没有微信
v1
   3
v1  
   2025 年 3 月 11 日   ❤️ 1
很好的项目,start 了
rookiemaster
   4
rookiemaster  
OP
   2025 年 3 月 11 日
@yigemeirenyongde 谢谢😊
rookiemaster
   5
rookiemaster  
OP
   2025 年 3 月 11 日
@kk2syc 谢谢😊
aikilan
   6
aikilan  
   2025 年 3 月 11 日   ❤️ 1
布局结构挺清晰,比一般的前端强
cambria
   7
cambria  
   2025 年 3 月 11 日   ❤️ 1
如果把图标和字号都再调整一下就更像了,加油
2I0Mto2kjm0c0B9i
   8
2I0Mto2kjm0c0B9i  
   2025 年 3 月 11 日   ❤️ 1
蛮好的,滚动条要暴露出来体验更好些
2I0Mto2kjm0c0B9i
   9
2I0Mto2kjm0c0B9i  
   2025 年 3 月 11 日   ❤️ 1
还有一些三角标可以试着用伪类去写,能节省标签
icepie
   10
icepie  
   2025 年 3 月 11 日   ❤️ 1
加个响应式 窄屏自动切换移动端布局
rookiemaster
   11
rookiemaster  
OP
   2025 年 3 月 11 日   ❤️ 1
谢谢各位的鼓励与建议,刚刚入门 css😁
ydirel
   12
ydirel  
   2025 年 3 月 11 日
做的很强👍,不过老哥不是我打击你。。现在普通前端想讨口饭吃是真难。要不咱学 Java 吧
wencan
   13
wencan  
   2025 年 3 月 11 日
消息列表不是那样的吧?
hanxiV2EX
   14
hanxiV2EX  
   2025 年 3 月 11 日 via Android
我 css 总是学不会,现在放弃了,截图给 ai 出框架。
LoveXJP
   15
LoveXJP  
   2025 年 3 月 11 日   ❤️ 3
加油很不错了,chatcontent 可以不用 calc 计算固定高度

这是一个简单的 demo: https://codepen.io/molvqingtai/pen/zYKjQrx
wangtian2020
   16
wangtian2020  
   2025 年 3 月 12 日
当 flex 遇到局部滚动就有的玩了
iorilu
   17
iorilu  
   2025 年 3 月 12 日
可以, 学习下
Vencyuuu
   18
Vencyuuu  
   2025 年 10 月 31 日
福大紫荆园👀
© 2026 V2EX · 73ms · 3.9.8.5