外挂标签之聊天记录

外挂标签之聊天记录

前言

前几个星期看见 纸鹿 佬的聊天记录标签很好看,故有了自己写一个的念头。奈何事情有点多,拖到昨天才有时间来搞这个外挂标签

演示

换了个博客,没有预览了

源码安装

其实实现起来和 纸鹿 佬说的一样,很简单,仅需添加两个文件即可

[themes]\butterfly\scripts\tag 目录下新建 chat.js ,写入:

[themes]\butterfly\source\css\_tags 目录下新建 chat.styl ,写入:

chat.stylstyl
.chatBox
    padding: 10px
    width: 100%
    box-sizing: border-box

.chatItem
    display: flex
    flex-direction: column
    justify-content: center
    align-items: flex-start
    margin: 10px 0

    .chatContent
        background: #e5e5e5
        padding: 10px
        border-radius: 0 10px 10px 10px
        max-width: 50%
        margin: 5px 0 0 5px
        word-wrap: break-word

    &.me
        align-items: flex-end

        .chatContent
            border-radius: 10px 0 10px 10px
            margin: 5px 5px 0 0

执行三件套重启即可

QQ音乐加密格式解密 
关于我的个人主页! 

评论区

评论加载中...