修改聊天样式

pages/center/Piabodata/Customerportrait/Receivedetailabout.vue

@@ -27,29 +27,15 @@
 					<view class="biaoji" @tap="tagtap">标记</view>
 				</view>
 			</view>
-			<!-- <view class="headboxbott">
-				<view class="headovfu">
-					<u-tabs-swiper ref="tabs" font-size="30" :bold="true" swiper-width="600" :current="roleindex"
-						@change="tapspagek2()" inactive-color="#b1b1b1" active-color="#008ef2" :list="tablist"
-						:is-scroll="true">
-					</u-tabs-swiper>
-				</view>
-				<view class="headpade" v-if="permissions.commonly1">
-					<view class="biaoji" @tap="tagtap()">标记</view>
-				</view>
-			</view> -->
 		</view>
-
-
 		<scroll-view :scroll-top="scrollTop" lower-threshold='100px' @scrolltolower="ltolower()" upper-threshold='40px'
 			@scrolltoupper="rolltoupper()" :scroll-into-view="scrollId" scroll-y="true" class="zhuti text scroll-Y">
-
 			<!-- 聊天记录-->
 			<view class="dialog-block" v-for="(dialog,i) in dialogList" :key="i">
 				<view :id="'dialog'+i" class="fileName">录音文件</view>
 				<view class="text" :id="'dialog'+csdFileindex+'text'+item.bg"
 					:class="{active:  Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow, isGreen: item.isShow == 0 }"
-					v-for="(item,index) in dialog.message" :key="index" :data-speaker="item.speaker">
+					v-for="(item,index) in dialog.message" :key="index" :data-speaker="item.speaker" :data-guwen="item.isShow">
 					<view class="avatar">
 						<view>
 							<image v-if="item.isShow == 0" src="https://static.quhouse.com/b11a7e1ccf914020b3ee23d3e4862637.png" mode="widthFix">
@@ -1975,6 +1961,7 @@
 		margin-right: 34rpx;
 		margin-top: 16rpx;
 		font-size: 24rpx;
+		border: 1rpx solid #eee;
 	}
 
 	.bosdttom {
@@ -1982,9 +1969,6 @@
 		background-color: #2671E2;
 	}
 
-
-
-
 	.dialog-block {
 		margin: 20rpx 0;
 		border-bottom: 1px solid #ccc;
@@ -2018,14 +2002,10 @@
 		line-height: 80rpx;
 		display: flex;
 	}
-
-	.scroll-Y .text[data-speaker="2"],
-	.scroll-Y .text[data-speaker="4"],
-	.scroll-Y .text[data-speaker="6"] {
+	.scroll-Y .text[data-guwen="0"]{
 		flex-direction: row-reverse;
 		text-align: right;
 
-
 		.contentInfo {
 			.info {
 				color: #666;
@@ -2034,13 +2014,10 @@
 				padding: 0 28rpx;
 				display: flex;
 				flex-direction: row-reverse;
-
 				.AudioUserName {
 					margin-left: 10rpx;
 				}
-
 			}
-
 			.contentMain {
 				display: flex;
 				flex-direction: row-reverse;
@@ -2112,7 +2089,7 @@
 		color: #2671E2 !important;
 		position: relative;
 	}
-
+	.scroll-Y .text.active[data-speaker="2"] .content,
 	.scroll-Y .text.active[data-speaker="2"] .content,
 	.scroll-Y .text.active[data-speaker="4"] .content,
 	.scroll-Y .text.active[data-speaker="6"] .content {