聊天问题修复优化

pageChat/components/chat-item.vue

@@ -13,11 +13,10 @@
     :src="item.image_url"
     class="img"
     mode="widthFix"
-    @click="previewVideo(item.video_url)"
   ></video>
   <view class="" v-if="item.msg_type == 4">
     <view>{{ item.coupon.title }}</view>
-    <view class="u-m-t-16 bg-f7 coupon u-flex" style="min-width: 500rpx;">
+    <view class="u-m-t-16 bg-f7 coupon u-flex u-col-stretch" style="min-width: 500rpx;">
       <template v-if="item.coupon.type == 1">
         <view class="left">
           <view class="price">
@@ -77,11 +76,9 @@
         </view>
       </template>
 
-      <view class="right u-p-l-28">
+      <view class="right u-p-l-28 u-flex u-col-center">
         <view class="u-font-32">{{ item.coupon.couponName }}</view>
-        <view class="u-font-24 color-999 u-m-t-8"
-          >有效期：{{ returnTime(item.coupon) }}</view
-        >
+        
       </view>
     </view>
     <view class="u-flex u-row-center u-m-t-32">
@@ -99,14 +96,12 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits(["getCoupon"]);
+const emits = defineEmits(["getCoupon",'previewImage']);
 function getCoupon() {
   emits("getCoupon", props.item);
 }
 function previewImage(url) {
-  uni.previewImage({
-    urls: [url],
-  });
+  emits('previewImage',url)
 }
 function returnTime(coupon){
     let startTime = coupon.useStartTime;
@@ -149,4 +144,7 @@ function returnTime(coupon){
     color: #999;
   }
 }
+.u-col-stretch{
+  align-items: stretch;
+}
 </style>