diff --git a/src/components/editor/CustomEditor.vue b/src/components/editor/CustomEditor.vue
index 30b43ec..b22e712 100644
--- a/src/components/editor/CustomEditor.vue
+++ b/src/components/editor/CustomEditor.vue
@@ -57,7 +57,7 @@ const editorDraftStore = useEditorDraftStore()
 const indexName = computed(() => dialogueStore.index_name)
 
 // 工具栏配置
-const navs = reactive([
+const navs = ref([
   {
     title: '图片',
     icon: markRaw(Pic),
diff --git a/src/components/editor/MeEditorEmoticon.vue b/src/components/editor/MeEditorEmoticon.vue
index a88e65c..4cd9c3e 100644
--- a/src/components/editor/MeEditorEmoticon.vue
+++ b/src/components/editor/MeEditorEmoticon.vue
@@ -186,16 +186,20 @@ const onSendEmoticon = (type: any, value: any, img = '') => {
       flex-wrap: wrap;
 
       .option{
-        margin: 7px;
+        padding: 7px;
+        border-radius: 4px;
+        &:hover {
+          background-color: #F2F2F2;
+        }
         :deep(.emoji){
           height: 22px;
         width: 22px;
         user-select: none;
         transition: all 0.5s;
 
-        &:hover {
-          transform: scale(1.5);
-        }
+        // &:hover {
+        //   transform: scale(1.5);
+        // }
         }
       }
     }