Browse Source

修改聊天样式

message
corala 2 years ago
parent
commit
c3b659d849
1 changed files with 4 additions and 27 deletions
  1. +4
    -27
      pages/center/Piabodata/Customerportrait/Receivedetailabout.vue

+ 4
- 27
pages/center/Piabodata/Customerportrait/Receivedetailabout.vue View File

@@ -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 {


Loading…
Cancel
Save