1/fore-end/pages/chat/chat.wxml

<!--pages/chat/chat.wxml-->
<view class="chat">
	<van-cell-group custom-class="chat-card" inset>
		<van-image
		lazy-load
		width="100" 
		height="100" 
		fit="cover"
		radius="12px"
		src="{{goods.pic}}"
		image-class="chat-card-image"
		 style="position: relative; left: 25rpx; top: 16rpx; width: 209rpx; height: 219rpx; display: block; box-sizing: border-box"></van-image>
		<view class="chat-card-info" style="position: relative; left: 48rpx; top: 0rpx">
			<view class="chat-card-info-title" style="width: 373rpx; height: 96rpx; display: block; box-sizing: border-box; left: 0rpx; top: 21rpx">{{goods.name}}</view>
			<view class="chat-card-info-price" style="position: relative; left: 0rpx; top: 80rpx; width: 153rpx; height: 59rpx; display: block; box-sizing: border-box">￥{{goods.price}}</view>
		<van-button round size="normal" color="rgba(245, 56, 56, 0.91)" custom-class="chat-card-btn" style="position: relative; left: 186rpx; top: -5rpx; width: 192rpx; height: 96rpx; display: block; box-sizing: border-box">点击购买</van-button>
	</view>
	</van-cell-group>
	<view class="scroll-list" style="position: relative; left: -7rpx; top: 30rpx">
		<block wx:for="{{chatList}}" wx:for-index="index" wx:for-item="item" wx:key="item">
			<view wx:if="{{item.time}}" class="show-date">{{item.time}}</view>
			<view class="{{login.id==item.from?'row row-self':'row'}}" >
				<view class="{{login.id==item.from?'head-self':'head-friend'}}">
					<image class="avatar" src="{{item.avatar}}"></image>
				</view>
				<view>
					<view wx:if="{{login.id!=item.from}}" class="nick">{{item.nickname}}</view>
					<view class="{{login.id==item.from?'message msg-self':'message msg-friend'}}">
						<text>{{item.message}}</text>
					</view>
				</view>
			</view>
		</block>
	</view>
	<view class="footer">
		<view class="row">
			<view class="input-box">
				<textarea class="text-area" placeholder-class="placeholder" show-confirm-bar="{{false}}" cursor-spacing="30" maxlength="500"
				disable-default-padding="{{true}}"
				confirm-hold="{{true}}" hold-keyboard="{{true}}" auto-height="false" placeholder="输入信息" bindinput="inputClick" value="{{content}}"></textarea>
			</view>
			<view class="send-btn" wx:if="{{content!=''}}">
				<text class="send-text" bindtap="sendClick">发 送</text>
			</view>
		</view>
	</view>
</view>