《service.vue 页面》
<template>
<view style="padding: 20px;">
<view v-for="(item,index) in list" :key="index">
<!--手机发送 -->
<view v-if="item.Did==zijiid" class="left">
<text v-if="item.Leixing=='wenben'" class="wen"> {
{item.Neirong}}</text>
<view v-if="item.Leixing=='img'" class="tu" style="padding: 20rpx;">
<u-album :urls="item.Neirong" keyName="src2" singleSize=100></u-album>
</view>
</view>
<!-- 内置浏览器发送-->
<view v-if="item.Did==duifangid" class="right">
<text v-if="item.Leixing=='wenben'" class="wen"> {
{item.Neirong}}</text>
<view v-if="item.Leixing=='img'" class="tu" style="padding: 20rpx; ">
<u-row justify="end">
<!-- <u-album :urls="item.Neirong" keyName="src2" singleSize=100></u-album> -->
<image :src="item.Neirong[0].src2" mode="widthFix" style="width: 200rpx;border-radius: 20rpx;"></image>
</u-row>
</view>
</view>
</view>
{
{list}}
<view class="send">
<view class="">
<u-icon name="photo" @click="shangchuan()"></u-icon>
</view>
<view class="">
<input type="text" v-model="vv1" placeholder="从这里获取要发送的内容"
实现发送文字,图片等简单的聊天功能
于 2023-06-28 09:55:22 首次发布