yanzhen-design-vue/theme-chalk/yz-message.css

.cl-message{background-color:#fff;box-sizing:border-box;font-size:14px;margin-top:24px;overflow:hidden;position:relative}.cl-message .message-title{display:flex;flex-wrap:wrap;flex-wrap:nowrap;justify-content:space-between}.cl-message .message-title .left{display:flex}.cl-message .message-title .left img{border-radius:50%;height:24px;margin-right:10px;width:24px}.cl-message .message-title .left span{color:#8c8c8c;flex:1;font-size:14px;line-height:24px;vertical-align:top;word-break:break-all}.cl-message .message-title .time{color:#8c8c8c;font-size:14px;line-height:24px;white-space:nowrap}.cl-message .message-operates{position:relative;width:15px}.cl-message .message-operates .delete-icon{display:none;font-size:15px}.cl-message .message-operates h3{color:rgba(0,0,0,.85);font-weight:500;margin-bottom:.5em;margin-top:0}.cl-message .message-content{color:#333;display:flexbox;display:flex;font-size:14px;justify-content:space-between;line-height:16px;margin-left:36px;margin-top:4px;text-align:left}.cl-message .message-content .message-content-text{width:100%;word-break:break-all}.cl-message .message-content .record-file{color:white}.cl-message .item{cursor:pointer}.cl-message .system-info{color:#262626;margin-top:4px;padding-left:34px}.cl-message .ant-badge-count{background:#fff;color:#ff4d4f;font-size:14px}.cl-message .clmessage-popconfirm .clmessage-confim-text{padding-right:40px}.cl-message:hover .delete-icon{display:block}