0814-1454-h03

奥莱优品/pages/service/chat.vue

@@ -17,6 +17,30 @@
 									<view v-if="item.msgType == 'text'">
 										<view v-html="renderTextMessage(item.content)"></view>
 									</view>
+									<view class="m-address" v-if="item.msgType == 'address'">
+										<view class="image"><image :src="item.content.img" mode="widthFix"></image></view>
+										<view class="infos">
+											<view class="title">{{item.content.name}}</view>
+											<view class="desc">{{item.content.order?item.content.order:'-'}}</view>
+										</view>
+									</view>
+									<view class="m-address" v-if="item.msgType == 'order'">
+										<view class="image"><image :src="item.content.img" mode="widthFix"></image></view>
+										<view class="infos">
+											<view class="title">{{item.content.name}}</view>
+											<view class="desc">{{item.content.order?item.content.order:'-'}}</view>
+										</view>
+									</view>
+									<view class="m-image" v-if="item.msgType == 'image'">
+										<image :src="item.content" mode="widthFix" @click="previewImg(item.content)"></image>
+									</view>
+									<view class="m-address" v-if="item.msgType == 'pay'">
+										<view class="image"><image :src="item.content.img" mode="widthFix"></image></view>
+										<view class="infos">
+											<view class="title">{{item.content.name}}</view>
+											<view class="price">¥ {{item.content.price?item.content.price:'-'}}</view>
+										</view>
+									</view>
 									<view class="" v-if="item.msgType == 'quick'">
 										<view class="quickCon">{{item.content}}</view>
 										<view class="quickList" v-if="item.list.length > 0">
@@ -310,6 +334,21 @@ export default {
 	flex-direction: column;
 	z-index: 98;
 }
+.m-address{
+	display: flex;align-items: center;gap: 20rpx;min-width: 70vw;
+	&.self{
+		transform: rotate(180);
+	}
+	.image {
+		image{width: 120upx;}
+	}
+	.infos{
+		flex: 1;overflow: hidden;
+		.title{font-size: 28upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+		.desc{font-size: 20upx;color: #999;margin-top: 20rpx;}
+		.price{font-size: 28upx;color: #f00;margin-top: 20rpx;}
+	}
+}
 .send-load {
 	position: fixed;
 	top: 0;