scout666/chat-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(editor): 将工具栏配置从reactive改为ref并调整表情组件样式

Browse Source 
将CustomEditor中的navs从reactive改为ref以提高性能
调整MeEditorEmoticon的样式，包括间距改为内边距、添加悬停背景色，并移除表情缩放效果
This commit is contained in:
Phoenix 2025-06-09 11:44:57 +08:00
parent 7fea56f704
commit 047cea20b9
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/editor/CustomEditor.vue
View File

@ -57,7 +57,7 @@ const editorDraftStore = useEditorDraftStore()
const indexName = computed(() => dialogueStore.index_name) const indexName = computed(() => dialogueStore.index_name)
// 工具栏配置 // 工具栏配置
const navs = reactive([ const navs = ref([
{ {
title: '图片', title: '图片',
icon: markRaw(Pic), icon: markRaw(Pic),

12
src/components/editor/MeEditorEmoticon.vue
View File

@ -186,16 +186,20 @@ const onSendEmoticon = (type: any, value: any, img = '') => {
flex-wrap: wrap; flex-wrap: wrap;
.option{ .option{
margin: 7px; padding: 7px;
border-radius: 4px;
&:hover {
background-color: #F2F2F2;
}
:deep(.emoji){ :deep(.emoji){
height: 22px; height: 22px;
width: 22px; width: 22px;
user-select: none; user-select: none;
transition: all 0.5s; transition: all 0.5s;
&:hover { // &:hover {
transform: scale(1.5); // transform: scale(1.5);
} // }
} }
} }
} }