perf: 优化聊天工具栏样式

This commit is contained in:
kuaifan 2024-04-30 13:50:44 +08:00
parent 85a7776159
commit 199fd4462e
3 changed files with 11 additions and 3 deletions

View File

@ -48,8 +48,8 @@
"openpgp_hi": "^5.7.0-1",
"photoswipe": "^5.2.8",
"postcss": "^8.4.5",
"quill-hi": "^2.0.0",
"quill-mention-hi": "^4.0.0-7",
"quill-hi": "2.0.0-1",
"quill-mention-hi": "4.0.0-7",
"resolve-url-loader": "^4.0.0",
"sass": "^1.71.1",
"sass-loader": "^14.1.1",

View File

@ -277,7 +277,7 @@ export default {
toolbar: {
type: Array,
default: () => {
return ['bold', 'strike', 'italic', 'underline', 'blockquote', {'list': 'ordered'}, {'list': 'bullet'}, {'list': 'check'}]
return ['bold', 'strike', 'italic', 'underline', 'blockquote', 'link', {'list': 'ordered'}, {'list': 'bullet'}, {'list': 'check'}]
},
},
maxlength: {
@ -646,6 +646,7 @@ export default {
// Options
this._options = Object.assign({
theme: 'bubble',
bubbleTooltipTop: true,
formats: ['bold', 'strike', 'italic', 'underline', 'blockquote', 'list', 'link', 'image', 'mention'],
readOnly: false,
placeholder: this.placeholder,

View File

@ -243,6 +243,13 @@
.ql-bubble {
.ql-tooltip {
z-index: 1;
button {
&.ql-active {
position: relative;
background: #3d3d3d;
border-radius: 6px;
}
}
.ql-formats {
display: flex;
align-items: center;