feat: comment ui

This commit is contained in:
tim
2025-07-04 14:41:04 +08:00
parent 066ac02139
commit 2e9d0ca022
2 changed files with 106 additions and 12 deletions

View File

@@ -17,4 +17,39 @@ body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
/*************************
* Vditor 自定义皮肤覆写
*************************/
/*
思路:
1. 用 CSS 变量快速改大色块;
2. 再用选择器去掉边框 / 阴影。
注意顺序:一定写在官方 index.css 之后才能生效。
*/
.comment-editor-container .vditor {
/* 去掉整体背景与边框,让它融入父容器 */
--panel-background-color: transparent;
--border-color: transparent;
--textarea-background-color: transparent;
border: none !important;
box-shadow: none !important;
}
/* 工具栏彻底无边框、透明背景 */
.comment-editor-container .vditor-toolbar {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* 编辑区wysiwyg / ir / sv背景透明 */
.comment-editor-container .vditor-content,
.comment-editor-container .vditor-wysiwyg,
.comment-editor-container .vditor-ir,
.comment-editor-container .vditor-textarea {
background: transparent !important;
}