产品卡片代码提交

src/assets/style/chat.css

@@ -178,7 +178,9 @@ img.avatarUrl-img[lazy="loading"] {
   /* width: -moz-fit-content;
     width: -webkit-fit-content; */
 }
-
+.noPadding{
+  padding: 0 !important;
+}
 .content-left-main.text-folding-box {
   padding: 11rem 14rem 0 14rem !important;
 }

src/components/chat-content.vue

@@ -810,10 +810,11 @@
             <div class="chat-items">
               <div class="content-left-main">
                 <!-- 产品卡片组件 -->
-                <product-card-list :products="item.specialData" />
+                <product-card-list 
+                v-if="item.specialData" :products="item.specialData" />
                 <!--问题反馈 -->
                 <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ' && item.specialData">
                   <button class="help-button-item" @click.stop="appraise(2, item, $event)"
                     :data-ref="`u_${item.timestamp}`">
                     <em class="help-button-icon"></em>没有帮助
@@ -848,13 +849,14 @@
                 class="content-left-main noPadding"
               >
                 <Product
+                v-if="item.specialData"
                 :responseData="item.specialData"
                 :intents="item.intents"
                 :itemlist="item"
                 />
                 <div
                   class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ' && item.specialData"
                 >
                   <button
                     class="help-button-item"

src/components/product/index.vue

@@ -321,7 +321,7 @@ function showGraph(item) {
       background-size: cover;
       background-repeat: no-repeat;
       border-radius: 0.36rem 0.36rem 0 0;
-      padding: 0.3rem 0 0.3rem 0.36rem;
+      padding: 8rem;
       display: flex;
       align-items: center;
 
@@ -401,7 +401,7 @@ function showGraph(item) {
         background-size: 65px;
         background-repeat: no-repeat;
         background-position: top right;
-        padding: 0.36rem;
+        padding: 16rem;
         border-radius: 0.3rem;
         margin-bottom: 11px;
         letter-spacing: 0;
@@ -415,8 +415,8 @@ function showGraph(item) {
           background-size: 65px;
           background-repeat: no-repeat;
           background-position: top right;
-          padding: 0.36rem;
+          padding: 16rem;
-          border-radius: 0.3rem;
+          border-radius: 12rem;
           letter-spacing: 0;
         }