diff --git a/src/views/message/components/MessageDisplay.vue b/src/views/message/components/MessageDisplay.vue
index dd0b3c4..1a3f357 100644
--- a/src/views/message/components/MessageDisplay.vue
+++ b/src/views/message/components/MessageDisplay.vue
@@ -5,7 +5,7 @@
@@ -377,6 +377,7 @@ export default {
previewVisible: false,
previewImageUrl: "",
isNearBottom: true,
+ fontSize: 14,
lastScrollTop: 0,
meetingModes: meetingModes(),
};
@@ -880,6 +881,15 @@ export default {
this.setMessages({ key, messages: list });
}
},
+
+ // 外部调用:设置消息显示区域字体大小
+ setFontSize(fontSize) {
+ this.fontSize = fontSize;
+ const container = this.$refs.messageContainer;
+ if (container) {
+ container.style.fontSize = fontSize + "px";
+ }
+ },
},
};
diff --git a/src/views/message/components/MessageEditor.vue b/src/views/message/components/MessageEditor.vue
index be7970c..9e0ac93 100644
--- a/src/views/message/components/MessageEditor.vue
+++ b/src/views/message/components/MessageEditor.vue
@@ -22,15 +22,15 @@
A
- 10px
- 11px
- 12px
- 13px
- 14px
+ 10
+ 11
+ 12
+ 13
+ 14
-
+
@
diff --git a/src/views/message/index.vue b/src/views/message/index.vue
index 986b1a7..7acbd39 100644
--- a/src/views/message/index.vue
+++ b/src/views/message/index.vue
@@ -15,11 +15,13 @@
:group-info="groupInfo"
@send-message="handleSendMessage"
@update-message-status="handleUpdateMessageStatus"
+ @font-size-change="handleFontSizeChange"
/>
{