rookiemaster

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

  •  
  •   rookiemaster · Mar 11, 2025 · 3999 views
    This topic created in 607 days ago, the information mentioned may be changed or developed.
    感觉 flex 布局好方便,前端还是得熟能生巧。

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

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

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

    这是一个简单的 demo: https://codepen.io/molvqingtai/pen/zYKjQrx
    wangtian2020
    wangtian2020
    Mar 12, 2025
    16
    当 flex 遇到局部滚动就有的玩了
    iorilu
    iorilu
    Mar 12, 2025
    17
    可以, 学习下
    Vencyuuu
    Vencyuuu
    Oct 31, 2025
    18
    福大紫荆园👀
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   753 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 50ms · UTC 17:33 · PVG 01:33 · LAX 09:33 · JFK 12:33
    ♥ Do have faith in what you're doing.