src/components/talk/message/ForwardMessage.vue

@@ -12,13 +12,7 @@ const props = defineProps<{
 const isShowRecord = ref(false)
 
 const title = computed(() => {
-  const uniqueNames = [...new Set(props.extra.records.map(v => v.nickname))];
-  if (uniqueNames.length <= 2) {
-    return uniqueNames.join('和');
-  } else {
-    return uniqueNames.slice(0, 2).join('和') + '等';
-  }
-  // return [...new Set(props.extra.records.map((v) => v.nickname))].join('和')
+  return [...new Set(props.extra.records.map((v) => v.nickname))].join('和')
 })
 console.log(props.extra.records)
 const onClick = () => {
@@ -30,7 +24,7 @@ const onClick = () => {
 </script>
 <template>
   <section class="im-message-forward pointer" :class="{ left: data.float === 'left' }" @click="onClick">
-    <div class="title">{{ title }}的会话记录</div>
+    <div class="title">{{ title }}<span v-if="props.extra.records.length > 2">等</span>的会话记录</div>
     <div class="list" v-for="(record, index) in extra.records" :key="index">
       <p>
         <span>{{ record.nickname }}: </span>
@@ -65,14 +59,13 @@ const onClick = () => {
   }
 
   .title {
-    max-height: 88rpx;
+    height: 44rpx;
     line-height: 44rpx;
     font-size: 32rpx;
     color: #1A1A1A;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
     overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     font-weight: 400;
     margin-bottom: 8rpx;
   }