diff --git a/lib/ui/constants/ui_spacing_constant.dart b/lib/ui/constants/ui_spacing_constant.dart
new file mode 100644
index 0000000..036d242
--- /dev/null
+++ b/lib/ui/constants/ui_spacing_constant.dart
@@ -0,0 +1,30 @@
+// ignore_for_file: constant_identifier_names
+
+import 'package:flutter/material.dart';
+
+/// UI间距和边距常量定义
+class UISpacingConstant {
+  /// 聊天消息项的垂直边距
+  static const EdgeInsets chatMessageVerticalMargin =
+      EdgeInsets.symmetric(vertical: 10);
+
+  /// 撤回消息的垂直边距
+  static const EdgeInsets revokedMessageVerticalMargin =
+      EdgeInsets.symmetric(vertical: 10);
+
+  /// 时间分隔符的垂直边距
+  static const EdgeInsets timeDividerVerticalMargin =
+      EdgeInsets.symmetric(vertical: 10);
+
+  /// 未读消息分隔符的垂直边距
+  static const EdgeInsets unreadDividerVerticalMargin =
+      EdgeInsets.symmetric(vertical: 10);
+
+  /// 群提示消息的边距（垂直和水平）
+  static const EdgeInsets groupTipsMessageMargin =
+      EdgeInsets.symmetric(vertical: 6, horizontal: 30);
+
+  /// 群提示消息容器的底部内边距
+  static const EdgeInsets groupTipsMessagePadding =
+      EdgeInsets.only(bottom: 12);
+}
diff --git a/lib/ui/utils/message.dart b/lib/ui/utils/message.dart
index 9ca16bb..da144d8 100644
--- a/lib/ui/utils/message.dart
+++ b/lib/ui/utils/message.dart
@@ -29,6 +29,7 @@ import 'package:collection/collection.dart';
 import 'package:tencent_cloud_chat_uikit/ui/utils/common_utils.dart';
 import 'package:tencent_cloud_chat_uikit/ui/utils/logger.dart';
 import 'package:tencent_cloud_chat_uikit/theme/tui_theme.dart';
+import 'package:tencent_cloud_chat_uikit/ui/constants/ui_spacing_constant.dart';
 
 /// 群提示消息文本片段数据类
 class TipsTextSegment {
@@ -536,7 +537,7 @@ class MessageUtils {
   }
 
   static Widget wrapMessageTips(Widget child, TUITheme? theme) {
-    return Container(margin: const EdgeInsets.symmetric(vertical: 10, horizontal: 30), child: child);
+    return Container(margin: UISpacingConstant.groupTipsMessageMargin, child: child);
   }
 
   static String getAbstractMessageAsync(V2TimMessage message, List<V2TimGroupMemberFullInfo?> groupMemberList) {
diff --git a/lib/ui/views/TIMUIKitChat/TIMUIKItMessageList/tim_uikit_chat_history_message_list_item.dart b/lib/ui/views/TIMUIKitChat/TIMUIKItMessageList/tim_uikit_chat_history_message_list_item.dart
index 35c99ba..94feca8 100644
--- a/lib/ui/views/TIMUIKitChat/TIMUIKItMessageList/tim_uikit_chat_history_message_list_item.dart
+++ b/lib/ui/views/TIMUIKitChat/TIMUIKItMessageList/tim_uikit_chat_history_message_list_item.dart
@@ -28,6 +28,7 @@ import 'package:tencent_cloud_chat_uikit/data_services/message/message_services.
 import 'package:tencent_cloud_chat_uikit/data_services/services_locatar.dart';
 import 'package:tencent_cloud_chat_uikit/tencent_cloud_chat_uikit.dart';
 import 'package:tencent_cloud_chat_uikit/ui/constants/history_message_constant.dart';
+import 'package:tencent_cloud_chat_uikit/ui/constants/ui_spacing_constant.dart';
 import 'package:tencent_cloud_chat_uikit/ui/utils/message.dart';
 import 'package:tencent_cloud_chat_uikit/ui/utils/platform.dart';
 import 'package:tencent_cloud_chat_uikit/ui/utils/screen_utils.dart';
@@ -629,7 +630,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
   Widget _groupTipsMessageBuilder(TUIChatSeparateViewModel model) {
     final messageItem = widget.message;
     return Container(
-        padding: const EdgeInsets.only(bottom: 20),
+        padding: UISpacingConstant.groupTipsMessagePadding,
         child: TIMUIKitGroupTipsElem(
             groupTipsElem: messageItem.groupTipsElem!, 
             groupMemberList: model.groupMemberList ?? [],
@@ -638,7 +639,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
 
   Widget _selfRevokeEditMessageBuilder(theme, TUIChatSeparateViewModel model) {
     return Container(
-        margin: const EdgeInsets.symmetric(vertical: 20),
+        margin: UISpacingConstant.revokedMessageVerticalMargin,
         alignment: Alignment.center,
         child: Text.rich(TextSpan(children: [
           TextSpan(
@@ -658,7 +659,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
 
   Widget _revokedMessageBuilder(theme, String option2) {
     return Container(
-        margin: const EdgeInsets.symmetric(vertical: 20),
+        margin: UISpacingConstant.revokedMessageVerticalMargin,
         alignment: Alignment.center,
         child: Text(
           TIM_t_para("{{option2}}撤回了一条消息", "$option2撤回了一条消息")(option2: option2),
@@ -669,7 +670,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
   Widget _timeDividerBuilder(theme, int timeStamp, TUIChatSeparateViewModel model) {
     return Container(
       alignment: Alignment.center,
-      margin: const EdgeInsets.symmetric(vertical: 20),
+      margin: UISpacingConstant.timeDividerVerticalMargin,
       child: Text(
         model.chatConfig.timeDividerConfig?.timestampParser != null
             ? (model.chatConfig.timeDividerConfig?.timestampParser!(timeStamp))!
@@ -686,7 +687,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
   Widget _latestDividerBuilder(TUITheme theme) {
     return Container(
       alignment: Alignment.center,
-      margin: const EdgeInsets.symmetric(vertical: 20),
+      margin: UISpacingConstant.unreadDividerVerticalMargin,
       child: Row(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [