简单仿腾讯TIM界面

代码相关 css html 腾讯 TIM

昨天下午,突然想用css写出个腾讯TIM的界面,于是开始搞,只写了个单页,没有javascript。

腾讯tim效果图

预览地址:https://qqdie.com/areyouok/tim/

为了保证美观度我限制了屏幕尺寸宽度低于800px或者高于1920px不会显示,大屏幕的需要调小窗口才能看哈。

断断续续的撸了五个小时才撸出来的,并没有严格按照tim的比例来仿,只是单纯用肉眼来仿。一些小细节的地方我真的暂时做不出来。

以上一个来自渣渣的作品,后续可能完善也可能弃坑,因为发现并无卵用。

Comments (22)

    Generic placeholder image
    Zero

    我从未见过如此厚颜无耻的人!

    Windows10 624天前回复

    Generic placeholder image
    唯灵

    可以试试electron 用html 代码可以做桌面程序@(笑眼)

    Windows10 765天前回复

      Generic placeholder image
      Jrotty
      @唯灵

      这个就是做着玩玩的,很多东西写的都很烂

      Windows10 756天前回复

    Generic placeholder image
    At

    想问下这个tim.png是从哪里找来的~ @(吐舌)

    Windows10 837天前回复

      Generic placeholder image
      Jrotty
      @At

      朋友给的,不知道他在哪找的 @(小乖)

      Windows7 837天前回复

        Generic placeholder image
        At
        @Jrotty

        这就很尴尬了2333,不过还是谢谢你

        Windows10 836天前回复

    Generic placeholder image
    illn

    带走了做模板去 @(泪)

    Windows10 872天前回复

      Generic placeholder image
      Jrotty
      @illn

      我用了比较有趣(keng)的写法

      Windows10 872天前回复

    Generic placeholder image
    雨落无声

    貌似脚踢换用原版评论框了?

    MacOS 883天前回复

      Generic placeholder image
      Jrotty
      @雨落无声

      多说走了,
      走的那么突然,
      刹那间,我愣住了,
      默默的在角落里流泪,
      然后假装坚强的站了起来,
      走到电脑旁,按下开机键...

      woc太开心了,多说又给了我一次水文的机会

      Windows10 883天前回复

    Generic placeholder image
    Sakura

    要自己做社会化评论框的节奏...

    Windows7 884天前回复

      Generic placeholder image
      Jrotty
      @Sakura

      并不是,只是写着玩

      Ios 884天前回复

    Generic placeholder image
    湛蓝色印记

    厉害了

    安卓棒棒糖 884天前回复

    Generic placeholder image
    stephen

    准备迁移到网易云跟帖,多说评论完美导入

    IpadOS 884天前回复

      Generic placeholder image
      Jrotty
      @stephen

      云跟帖我用着不习惯,要不我可能也去了

      Ios 884天前回复

    Generic placeholder image
    滴滴

    厚颜无耻到如此地步也是可以的,总体来说挺漂亮。

    Ios 884天前回复

    Generic placeholder image
    尚寂新

    感觉不错的样子qwq
    另手机哭晕
    噫表情怎么全没了?滑稽!滑稽!Σ(*゚д゚ノ)ノ

    安卓棒棒糖 884天前回复

      Generic placeholder image
      Jrotty
      @尚寂新

      换成原生评论了,其实也有只是需要手打@(滑稽)

      Windows10 884天前回复

        Generic placeholder image
        尚寂新
        @Jrotty(滑稽) 其实应该搞个按钮的qwq 另你博客的邮件提醒用的是自己的邮箱不觉得有点不太好嘛qwq(邮箱里被挤满通知邮件的支配感)我博客两个邮箱是分开的 自己自用的一个邮箱 另一个是专门发通知的邮箱

        安卓棒棒糖 884天前回复