1

src/TUIKit/TUIComponents/container/TUIChat/manage-components/manage-notification-detail.vue

@@ -331,14 +331,13 @@ export default ManageNotification;
 .notification {
   position: relative;
   flex: 1;
-  background: #ffffff;
-    overflow-y: auto;
-    overflow-x: hidden;
-    height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
   // padding: 20px;
   display: flex;
   flex-direction: column;
-  background: #f8f9fc;
+  background: rgb(244, 245, 249) !important;
 
   &.overflowHidden {
     overflow: hidden;

src/TUIKit/TUIComponents/container/TUIChat/manage-components/manage-notification.vue

@@ -355,14 +355,13 @@ export default ManageNotification;
 .notification {
   position: relative;
   flex: 1;
-  background: #ffffff;
-    overflow-y: auto;
-    overflow-x: hidden;
-    height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
   // padding: 20px;
   display: flex;
   flex-direction: column;
-  background: #f8f9fc;
+  background: rgb(244, 245, 249) !important;
 
   &.overflowHidden {
     overflow: hidden;

src/TUIKit/TUIComponents/container/TUIChat/plugin-components/replies/replies-item.vue

@@ -82,6 +82,7 @@ const RepliesItem = defineComponent({
   setup(props: any, ctx: any) {
     const data = reactive({
       message: {} as Message,
+      isCustom: {} as any,
       isH5: false,
       url: "",
       isRoot: false,
@@ -90,6 +91,9 @@ const RepliesItem = defineComponent({
     });
     watchEffect(() => {
       data.message = props.message;
+      console.log(data.message, 'data.message')
+      const { payload } = props.message
+      data.isCustom = payload ? JSONToObject(payload) : {}
       data.isH5 = props.isH5;
       data.isRoot = props.isRoot;
       if (data.message.type === TIM.TYPES.MSG_FACE) {