|
|
@ -121,10 +121,18 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="b" v-if="isOpen"> |
|
|
|
<view class="b" v-if="isOpen"> |
|
|
|
<image @click="uploadImg()" src="@/static/chat-zhaopian.png"></image> |
|
|
|
<view class="dt" @click="uploadImg()"> |
|
|
|
<image @click="uploadVideo()" src="@/static/chat-xiangji.png"></image> |
|
|
|
<image src="@/static/chat-zhaopian.png"></image> |
|
|
|
<image @click="openShiping()" src="@/static/chat-yinshipin.png"></image> |
|
|
|
</view> |
|
|
|
<image @click="openGift()" src="@/static/chat-liwu.png"></image> |
|
|
|
<view class="dt" @click="uploadVideo()"> |
|
|
|
|
|
|
|
<image src="@/static/chat-xiangji.png"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="dt" @click="openShiping()"> |
|
|
|
|
|
|
|
<image src="@/static/chat-yinshipin.png"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="dt" @click="openGift()"> |
|
|
|
|
|
|
|
<image src="@/static/chat-liwu.png"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="c" v-if="isBiaoqing"> |
|
|
|
<view class="c" v-if="isBiaoqing"> |
|
|
|
<image @click="toClick(i)" v-for="i in 75" :key="i" :src="'https://api.lyiyuan.cn/profile/upload/static/face/'+i+'.gif'"></image> |
|
|
|
<image @click="toClick(i)" v-for="i in 75" :key="i" :src="'https://api.lyiyuan.cn/profile/upload/static/face/'+i+'.gif'"></image> |
|
|
@ -692,19 +700,23 @@ |
|
|
|
num: type == 5?that.count:(that.count+1), |
|
|
|
num: type == 5?that.count:(that.count+1), |
|
|
|
message: type == 3?that.content: that.img |
|
|
|
message: type == 3?that.content: that.img |
|
|
|
}) |
|
|
|
}) |
|
|
|
if(code == 200){ |
|
|
|
if(code == 200){ |
|
|
|
|
|
|
|
let svgaSrc = null |
|
|
|
|
|
|
|
if(that.giftList && that.giftList.length > 0){ |
|
|
|
|
|
|
|
svgaSrc = that.giftList[that.tabIndex].specialEffects |
|
|
|
|
|
|
|
} |
|
|
|
uni.sendSocketMessage({data:JSON.stringify({ |
|
|
|
uni.sendSocketMessage({data:JSON.stringify({ |
|
|
|
"userId": uni.getStorageSync("userInfo").id, |
|
|
|
"userId": uni.getStorageSync("userInfo").id, |
|
|
|
sellerId:that.id, |
|
|
|
sellerId:that.id, |
|
|
|
type, |
|
|
|
type, |
|
|
|
num: (that.count+1), |
|
|
|
num: (that.count+1), |
|
|
|
message: (type == 3?that.content: that.img), |
|
|
|
message: (type == 3?that.content: that.img), |
|
|
|
svgaSrc: that.giftList[that.tabIndex].specialEffects, |
|
|
|
svgaSrc: svgaSrc?svgaSrc:'', |
|
|
|
"topic":"message" |
|
|
|
"topic":"message" |
|
|
|
})}) |
|
|
|
})}) |
|
|
|
if(type==5){ |
|
|
|
if(type==5){ |
|
|
|
that.svgaSrc = that.giftList[that.tabIndex].specialEffects |
|
|
|
if(svgaSrc){ |
|
|
|
if(that.svgaSrc){ |
|
|
|
that.svgaSrc = svgaSrc |
|
|
|
that.isSvga = true; |
|
|
|
that.isSvga = true; |
|
|
|
that.$refs.cSvgaRef.call("clear"); |
|
|
|
that.$refs.cSvgaRef.call("clear"); |
|
|
|
that.$refs.cSvgaRef.call("startAnimation") |
|
|
|
that.$refs.cSvgaRef.call("startAnimation") |
|
|
@ -715,7 +727,6 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
that.isOpen = false; |
|
|
|
that.isOpen = false; |
|
|
|
that.isBiaoqing = false; |
|
|
|
that.isBiaoqing = false; |
|
|
|
that.isToggle = true; |
|
|
|
|
|
|
|
that.show1 = false; |
|
|
|
that.show1 = false; |
|
|
|
that.userBalance(); |
|
|
|
that.userBalance(); |
|
|
|
that.editorCtx.clear(); |
|
|
|
that.editorCtx.clear(); |
|
|
@ -1111,13 +1122,13 @@ |
|
|
|
/* #endif */ |
|
|
|
/* #endif */ |
|
|
|
height: calc(100vh - 190rpx - 88rpx - 70rpx); |
|
|
|
height: calc(100vh - 190rpx - 88rpx - 70rpx); |
|
|
|
&-on{ |
|
|
|
&-on{ |
|
|
|
height: calc(100vh - 190rpx - 88rpx - 70rpx - 160rpx); |
|
|
|
height: calc(100vh - 190rpx - 88rpx - 70rpx - 260rpx); |
|
|
|
} |
|
|
|
} |
|
|
|
&-active{ |
|
|
|
&-active{ |
|
|
|
height: calc(100vh - 120rpx - 88rpx - 70rpx); |
|
|
|
height: calc(100vh - 120rpx - 88rpx - 70rpx); |
|
|
|
} |
|
|
|
} |
|
|
|
&-active1{ |
|
|
|
&-active1{ |
|
|
|
height: calc(100vh - 120rpx - 88rpx - 70rpx - 160rpx); |
|
|
|
height: calc(100vh - 120rpx - 88rpx - 70rpx - 260rpx); |
|
|
|
} |
|
|
|
} |
|
|
|
.changyong{ |
|
|
|
.changyong{ |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
@ -1487,22 +1498,27 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
.b{ |
|
|
|
.b{ |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 160rpx; |
|
|
|
height: 260rpx; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
border-top: 1px solid #E2E2E2; |
|
|
|
border-top: 1px solid #E2E2E2; |
|
|
|
padding: 0 45rpx; |
|
|
|
padding: 0 45rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
image{ |
|
|
|
.dt{ |
|
|
|
width: 100rpx; |
|
|
|
flex: 1; |
|
|
|
height: 100rpx; |
|
|
|
display: flex; |
|
|
|
display: block; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
margin-top: 30rpx; |
|
|
|
|
|
|
|
image{ |
|
|
|
|
|
|
|
width: 100rpx; |
|
|
|
|
|
|
|
height: 100rpx; |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.c{ |
|
|
|
.c{ |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 160rpx; |
|
|
|
height: 260rpx; |
|
|
|
overflow-y: auto; |
|
|
|
overflow-y: auto; |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-x: hidden; |
|
|
|
border-top: 1px solid #E2E2E2; |
|
|
|
border-top: 1px solid #E2E2E2; |
|
|
@ -1515,12 +1531,12 @@ |
|
|
|
opacity: 0; |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
image{ |
|
|
|
image{ |
|
|
|
width: 70rpx; |
|
|
|
width: 24px; |
|
|
|
height: 70rpx; |
|
|
|
height: 24px; |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
margin-top: 6rpx; |
|
|
|
margin-top: 5rpx; |
|
|
|
margin-bottom: 6rpx; |
|
|
|
margin-bottom: 5rpx; |
|
|
|
margin-right: 5rpx; |
|
|
|
margin-right: 7rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|