From aa4dbc1bbd212aedbdfbecefb3f5f977aec0cc14 Mon Sep 17 00:00:00 2001
From: chc <1501738723@qq.com>
Date: Wed, 28 Dec 2022 11:22:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=93=81=E4=BF=A1=E6=81=AF=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 im/package.json                               |  1 +
 im/src/components/chat/panel/TalkPanel.vue    | 19 +++++++++++++++++++
 .../chat/panel/template/footPrint.vue         |  9 ++++++++-
 .../chat/panel/template/goodsLink.vue         | 12 ++++++++++--
 4 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/im/package.json b/im/package.json
index 1393f7e6..a74d93d4 100644
--- a/im/package.json
+++ b/im/package.json
@@ -37,6 +37,7 @@
     "eslint-plugin-vue": "^6.2.2",
     "less": "^3.0.4",
     "less-loader": "^5.0.0",
+    "postcss": "^8.4.20",
     "style-resources-loader": "^1.4.1",
     "vue-cli-plugin-style-resources-loader": "^0.1.4",
     "vue-svg-component-runtime": "^1.0.1",
diff --git a/im/src/components/chat/panel/TalkPanel.vue b/im/src/components/chat/panel/TalkPanel.vue
index 72193ed5..a6fce70a 100644
--- a/im/src/components/chat/panel/TalkPanel.vue
+++ b/im/src/components/chat/panel/TalkPanel.vue
@@ -869,7 +869,26 @@ export default {
     color: black;
   }
 }
+.base {
+    margin-top: 5px;
+    height: 120px;
+    display: flex;
 
+    div {
+      width: 100px;
+      overflow: hidden;
+      text-overflow:ellipsis;
+      margin-top: 8px;
+      white-space: nowrap;
+    }
+
+    .image {
+        height: 100px;
+        margin-top: 3px;
+        width: 100px
+    }
+
+}
 .talk-bubble {
   position: absolute;
   left: 0px;
diff --git a/im/src/components/chat/panel/template/footPrint.vue b/im/src/components/chat/panel/template/footPrint.vue
index 80bf3e25..3cb35cc6 100644
--- a/im/src/components/chat/panel/template/footPrint.vue
+++ b/im/src/components/chat/panel/template/footPrint.vue
@@ -2,7 +2,7 @@
     <div>
         最近浏览
         <dl>
-            <dd v-for="(item, index) in list">
+            <dd v-for="item in list" v-infinite-scroll="loadMore()">
                 <div class="base" @click="linkToGoods(item.goodsId,item.id)">
                     <div>
                         <img :src="item.thumbnail" class="image" />
@@ -31,6 +31,9 @@ export default {
         "el-button": button,
     },
     methods:{
+        loadMore(){
+            this.$emit('loadMore')
+        },
     },
     props: {
         list: {
@@ -54,6 +57,10 @@ export default {
     display: flex;
 
     div {
+        overflow: hidden;
+        text-overflow:ellipsis;
+        margin-top: 8px;
+        white-space: nowrap;
         margin-top: 4px;
     }
 
diff --git a/im/src/components/chat/panel/template/goodsLink.vue b/im/src/components/chat/panel/template/goodsLink.vue
index 2c267176..bc5e0bf4 100644
--- a/im/src/components/chat/panel/template/goodsLink.vue
+++ b/im/src/components/chat/panel/template/goodsLink.vue
@@ -10,7 +10,7 @@
                 <div>
                     <span style="color: red;">￥{{ goodsDetail.price }}</span>
                 </div>
-                <el-button class="store-button" type="danger" v-if="!sendFlag" size="mini" @click="submitSendMessage()"
+                <el-button class="click-button" type="danger" v-if="!sendFlag" size="mini" @click="submitSendMessage()"
                     plain>发送</el-button>
             </div>
         </div>
@@ -151,6 +151,10 @@ export default {
     display: flex;
 
     div {
+        overflow: hidden;
+        text-overflow:ellipsis;
+        margin-top: 8px;
+        white-space: nowrap;
         margin-top: 8px;
     }
 
@@ -161,7 +165,11 @@ export default {
     }
 
 }
-
+.click-button{
+    margin-top: 8px;
+    background-color: white;
+    border-color: #F56C6C;
+}
 .separate {
     margin-top: 8px;
 }