|
@@ -13,15 +13,15 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="bottom-message">
|
|
<view class="bottom-message">
|
|
|
<!-- 对话信息 -->
|
|
<!-- 对话信息 -->
|
|
|
- <view class="jhim-message-box">
|
|
|
|
|
|
|
+ <view v-if="showIm" class="jhim-message-box">
|
|
|
<view class="jhim-message" v-for="(item, index) in imMsgs.slice(0,5)" :key="index">
|
|
<view class="jhim-message" v-for="(item, index) in imMsgs.slice(0,5)" :key="index">
|
|
|
<text class="jhim-message-text" style="color: #C8C8C8;">{{item.name}}：</text>
|
|
<text class="jhim-message-text" style="color: #C8C8C8;">{{item.name}}：</text>
|
|
|
<text class="jhim-message-text">{{item.text}}</text>
|
|
<text class="jhim-message-text">{{item.text}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 下方功能 -->
|
|
<!-- 下方功能 -->
|
|
|
- <view v-if="showIm" class="bottom-box">
|
|
|
|
|
- <view v-if="!imStatus" class="jhim-input-box">
|
|
|
|
|
|
|
+ <view v-if="showIm||btns.length" class="bottom-box">
|
|
|
|
|
+ <view v-if="showIm&&!imStatus" class="jhim-input-box">
|
|
|
<image class="jhim-icon" :src="inputIcon"/>
|
|
<image class="jhim-icon" :src="inputIcon"/>
|
|
|
<input
|
|
<input
|
|
|
class="jhim-input"
|
|
class="jhim-input"
|
|
@@ -30,24 +30,23 @@
|
|
|
v-model="imInput"
|
|
v-model="imInput"
|
|
|
confirm-type="send" @confirm="$emit('onImSend', imInput)" />
|
|
confirm-type="send" @confirm="$emit('onImSend', imInput)" />
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-else class="jhim-logining"><text class="jhim-logining-text">{{imStatus}}</text></view>
|
|
|
|
|
|
|
+ <view v-if="showIm&&imStatus" class="jhim-logining"><text class="jhim-logining-text">{{imStatus}}</text></view>
|
|
|
|
|
+ <view v-if="!showIm" class="jhim-logining"></view>
|
|
|
<!-- 按钮 -->
|
|
<!-- 按钮 -->
|
|
|
<view class="bottom-box-btns">
|
|
<view class="bottom-box-btns">
|
|
|
<!-- <view class="" v-if="isAuthor && showBeauty" @click="btnBeautify"> -->
|
|
<!-- <view class="" v-if="isAuthor && showBeauty" @click="btnBeautify"> -->
|
|
|
<view v-if="isAuthor&&showBeauty" class="bottom-box-btns-arr" @click="btnBeautify">
|
|
<view v-if="isAuthor&&showBeauty" class="bottom-box-btns-arr" @click="btnBeautify">
|
|
|
<image class="btns-icon" :src="beautyIcon"/>
|
|
<image class="btns-icon" :src="beautyIcon"/>
|
|
|
- <text class="btns-text">美颜</text>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
<!-- <view class="" v-if="isAuthor && showSwitch" @click="btnChangeCamera"> -->
|
|
<!-- <view class="" v-if="isAuthor && showSwitch" @click="btnChangeCamera"> -->
|
|
|
<view v-if="isAuthor&&showSwitch" class="bottom-box-btns-arr" @click="btnChangeCamera">
|
|
<view v-if="isAuthor&&showSwitch" class="bottom-box-btns-arr" @click="btnChangeCamera">
|
|
|
<image class="btns-icon" :src="switchIcon"/>
|
|
<image class="btns-icon" :src="switchIcon"/>
|
|
|
- <text class="btns-text">切换</text>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
<view class="bottom-box-btns-arr" v-for="(item,index) in btns" :key="index" @click="clickBtns(index, item)">
|
|
<view class="bottom-box-btns-arr" v-for="(item,index) in btns" :key="index" @click="clickBtns(index, item)">
|
|
|
<image class="btns-icon" :src="item.picture"/>
|
|
<image class="btns-icon" :src="item.picture"/>
|
|
|
<text v-if="item.title" class="btns-text">{{item.title}}</text>
|
|
<text v-if="item.title" class="btns-text">{{item.title}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-if="isAuthor&&showLike" class="bottom-box-btns-arr" @click="btnLike">
|
|
|
|
|
|
|
+ <view v-if="showLike" class="bottom-box-btns-arr" @click="btnLike">
|
|
|
<image class="btns-icon" :src="likeIcon"/>
|
|
<image class="btns-icon" :src="likeIcon"/>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -115,10 +114,10 @@
|
|
|
type: String
|
|
type: String
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- onLoad() {
|
|
|
|
|
|
|
+ mounted() {
|
|
|
this.init();
|
|
this.init();
|
|
|
},
|
|
},
|
|
|
- onUnload() {
|
|
|
|
|
|
|
+ unmounted() {
|
|
|
this.destroy();
|
|
this.destroy();
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
able99