|
|
@@ -1,153 +1,208 @@
|
|
|
<template>
|
|
|
- <!-- 聊天记录 -->
|
|
|
- <view class="chat">
|
|
|
- <view class="chat-list">
|
|
|
- <view class="more-btn" @click="tomore">
|
|
|
- {{showmore ? '点击查看更多' : '没有更多了'}}
|
|
|
+ <view class="chat-pages">
|
|
|
+ <u-navbar :border="false" @leftClick="return1">
|
|
|
+ <view class="u-nav-slot" slot="left" style="display: flex;">
|
|
|
+ <image src="@/static/images/index/dianhua.png" mode=""
|
|
|
+ style="width: 40rpx;height: 40rpx;margin-left: 22rpx;"></image>
|
|
|
</view>
|
|
|
- <view v-for="(item,index) in list" :key="index">
|
|
|
- <view class="u-flex u-row-between" style="margin-bottom: 10rpx;">
|
|
|
- <text :style="{opacity:item.type == 2 ? 1 : 0}"
|
|
|
- style="margin-bottom: -20rpx;">{{item.create_at}}</text>
|
|
|
- <text :style="{opacity:item.type == 2 ? 0: 1}">{{item.create_at}}</text>
|
|
|
+ <view class=" u-flex-col u-row-center" slot="center">
|
|
|
+ <text class="title">{{user_other.merchant_name}}</text>
|
|
|
+ <!-- <text>{{user_other.company_name || ''}}·{{user_other.type || ''}}</text> -->
|
|
|
+ </view>
|
|
|
+ </u-navbar>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="" style="height: 200rpx;"></view>
|
|
|
+
|
|
|
+ <view class="chat-item" v-for="(item,index) in list" :key="index">
|
|
|
+ <view class="chat-time">
|
|
|
+ {{renderTime(item.time)}}
|
|
|
+ </view>
|
|
|
+ <view class="chat-item-box u-flex u-col-top acenter" v-if="item.from == user_other_no">
|
|
|
+ <image :src="user_other.image" class="user-img" mode=""></image>
|
|
|
+ <view style="max-width: 80%;" class="" v-if="item.type == 'txt' && !item.ext.type">
|
|
|
+ <view class="chat-text" :style="{background:item.from == user_no ? '#D3E5FB' : '#fff'}">
|
|
|
+ {{item.msg}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="chat-item u-flex u-col-top u-row-between">
|
|
|
- <image :src="item.headimg" :style="{opacity:item.type == 2 ? 1 : 0}" class="user-head" mode="">
|
|
|
- </image>
|
|
|
- <view class="item-box u-flex-1 u-flex-col"
|
|
|
- :style="{alignItems: item.type == 2 ? 'flex-start' : 'flex-end'}">
|
|
|
- <text>{{item.name}}</text>
|
|
|
- <text v-if="item.is_url == 0"
|
|
|
- :class="item.type == 2 ? 'text1' : 'text2'">{{item.content}}</text>
|
|
|
- <view class="" v-if="item.is_url == '1'" @tap="onPlay(item,index)"
|
|
|
- :class="item.type == 2 ? 'back1' : 'back2'">
|
|
|
- <view class="record" v-if="item.type==1">
|
|
|
- <text style="#fff">{{item.time}}</text> "
|
|
|
- <u-icon custom-style="transform: rotate(-90deg) !important;" name="wifi"
|
|
|
- size="28"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="record1" v-if="item.type==2">
|
|
|
- <u-icon custom-style="transform: rotate(90deg) !important;" name="wifi"
|
|
|
- size="28"></u-icon>
|
|
|
- "
|
|
|
- <text>{{item.time}}</text>
|
|
|
+ <view style="max-width: 80%;" v-if="item.type == 'audio'">
|
|
|
+ <view class="chat-text hflex acenter" style="background: #D3E5FB;max-width: 550rpx;"
|
|
|
+ @click="playaudio(item.url)">
|
|
|
+ <image src="static/yuyin-left.png" mode="" style="width: 20rpx;height: 20rpx;"></image>
|
|
|
+ <text :style="'padding-right: ' + item.length * 10 + 'rpx'">{{item.length}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image :src="item.msg ? item.msg : item.url" v-if="item.type === 'img'" mode="widthFix"
|
|
|
+ style="width: 200px;text-align: right;" @click="previewimg(item.url)"></image>
|
|
|
+ <view class="chat-header" v-if="item.type == 'txt' && item.ext.type == 'cand'"
|
|
|
+ :style="{top:(statusheight + 58) + 'px'}" @click="toinfo(item,'pos')">
|
|
|
+ <view class="header-top u-flex u-row-between">
|
|
|
+ <view class="header-left">
|
|
|
+ <view class="u-flex">
|
|
|
+ <text class="text1">{{item.ext.order.name}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="header-right">
|
|
|
+ <image :src="item.ext.order.avatar" class="right-img" mode=""></image>
|
|
|
+ <image src="../static/images/nan.png" class="sex" mode=""
|
|
|
+ v-if="item.ext.order.sex == 'male'"></image>
|
|
|
+ <image src="../static/images/nv.png" class="sex" mode="" v-else></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="goutong-time">
|
|
|
+ {{renderTime(item.time)}} 发起沟通
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="chat-header1" v-if="item.type == 'txt' && item.ext.type == 'pos'"
|
|
|
+ :style="{top:(statusheight + 58) + 'px'}" @click="toinfo(item,'pos')">
|
|
|
+ <view class="header1-top u-flex u-row-between">
|
|
|
+ <text>{{item.ext.order.title}}</text>
|
|
|
+ <text>{{item.ext.order.salary}}K</text>
|
|
|
+ </view>
|
|
|
+ <view class="goutong-time1">
|
|
|
+ {{renderTime(item.time)}} 发起沟通
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="chat-header1" v-if="item.type == 'txt' && item.ext.type == 'order'"
|
|
|
+ :style="{top:(statusheight + 58) + 'px'}" @click="toinfo(item,'order')">
|
|
|
+ <view class="header1-top u-flex u-row-between">
|
|
|
+ <text>{{item.ext.order.title}}</text>
|
|
|
+ <text>{{item.ext.order.salary}}K</text>
|
|
|
+ </view>
|
|
|
+ <view class="goutong-time1">
|
|
|
+ {{renderTime(item.time)}} 发起沟通
|
|
|
</view>
|
|
|
- <image :src="item.headimg" :style="{opacity:item.type == 2 ? 0 : 1}" class="user-head" mode="">
|
|
|
- </image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="" v-for="(item,index) in chatlist" :key="index">
|
|
|
- <view class="u-flex u-row-between" style="margin-bottom: 10rpx;">
|
|
|
- <text :style="{opacity:item.type == 2 ? 1 : 0}"
|
|
|
- style="margin-bottom: -20rpx;">{{item.create_at}}</text>
|
|
|
- <text :style="{opacity:item.type == 2 ? 0: 1}">{{item.create_at}}</text>
|
|
|
+ <view class="chat-item-box u-flex u-col-top jend" v-if="item.from == user_no">
|
|
|
+ <view style="max-width: 80%;" class="" v-if="item.type == 'txt' && !item.ext.type">
|
|
|
+ <view class="chat-text" :style="{background:item.from == user_no ? '#D3E5FB' : '#fff'}">
|
|
|
+ {{item.msg}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="chat-item u-flex u-col-top u-row-between">
|
|
|
- <image :src="item.headimg" :style="{opacity:item.type == 2 ? 1 : 0}" class="user-head" mode="">
|
|
|
- </image>
|
|
|
- <view class="item-box u-flex-1 u-flex-col"
|
|
|
- :style="{alignItems: item.type == 2 ? 'flex-start' : 'flex-end'}">
|
|
|
- <text>{{item.name}}</text>
|
|
|
- <text v-if="item.type1 != 'record'"
|
|
|
- :class="item.type == 2 ? 'text1' : 'text2'">{{item.content}}</text>
|
|
|
- <view class="record" v-if="item.type1 == 'record'" :class="item.type == 2 ? 'text1' : 'text2'"
|
|
|
- @tap="onPlay1(item,index)">
|
|
|
- <view class="record" v-if="item.type==1">
|
|
|
- <text>{{item.message}}</text>"<u-icon name="wifi" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="record1" v-if="item.type==2">
|
|
|
- <u-icon name="wifi" size="28"></u-icon>
|
|
|
- "
|
|
|
- <text>{{item.message}}</text>
|
|
|
+ <view style="max-width: 80%;" v-if="item.type == 'audio'">
|
|
|
+ <view class="chat-text hflex acenter jend" style="background: #D3E5FB;max-width: 550rpx;"
|
|
|
+ @click="playaudio(item.url)">
|
|
|
+ <text :style="'padding-left: ' + item.length * 10 + 'rpx'">{{item.length}}</text>
|
|
|
+ <image src="static/yuyin-right.png" mode="" style="width: 20rpx;height: 20rpx;"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image :src="item.msg ? item.msg : item.url" v-if="item.type === 'img'" mode="widthFix"
|
|
|
+ style="width: 200px;text-align: right;" @click="previewimg(item.url)"></image>
|
|
|
+ <view class="chat-header" v-if="item.type == 'txt' && item.ext.type == 'cand'"
|
|
|
+ :style="{top:(statusheight + 58) + 'px'}" @click="toinfo(item,'pos')">
|
|
|
+ <view class="header-top u-flex u-row-between">
|
|
|
+ <view class="header-left">
|
|
|
+ <view class="u-flex">
|
|
|
+ <text class="text1">{{item.ext.order.name}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="header-right">
|
|
|
+ <image :src="item.ext.order.avatar" class="right-img" mode=""></image>
|
|
|
+ <image src="../static/images/nan.png" class="sex" mode=""
|
|
|
+ v-if="item.ext.order.sex == 'male'"></image>
|
|
|
+ <image src="../static/images/nv.png" class="sex" mode="" v-else></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="goutong-time">
|
|
|
+ {{renderTime(item.time)}} 发起沟通
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="chat-header1" v-if="item.type == 'txt' && item.ext.type == 'pos'"
|
|
|
+ :style="{top:(statusheight + 58) + 'px'}" @click="toinfo(item,'pos')">
|
|
|
+ <view class="header1-top u-flex u-row-between">
|
|
|
+ <text>{{item.ext.order.title}}</text>
|
|
|
+ <text>{{item.ext.order.salary}}K</text>
|
|
|
+ </view>
|
|
|
+ <view class="goutong-time1">
|
|
|
+ {{renderTime(item.time)}} 发起沟通
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="chat-header1" v-if="item.type == 'txt' && item.ext.type == 'order'"
|
|
|
+ :style="{top:(statusheight + 58) + 'px'}" @click="toinfo(item,'order')">
|
|
|
+ <view class="header1-top u-flex u-row-between">
|
|
|
+ <text>{{item.ext.order.title}}</text>
|
|
|
+ <text>{{item.ext.order.salary}}K</text>
|
|
|
+ </view>
|
|
|
+ <view class="goutong-time1">
|
|
|
+ {{renderTime(item.time)}} 发起沟通
|
|
|
</view>
|
|
|
- <image :src="item.headimg" :style="{opacity:item.type == 2 ? 0 : 1}" class="user-head" mode="">
|
|
|
- </image>
|
|
|
</view>
|
|
|
+ <image v-if="item.from == user_no" :src="user.avatar" class="user-img" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="" style="height: 170rpx;"></view>
|
|
|
- <view class="chat-btn u-flex u-row-between">
|
|
|
- <u-icon v-if="show == false" @click="startRecord" name="mic" size="44"></u-icon>
|
|
|
- <u-icon v-if="show == true" @click="startRecord1" name="more-circle-fill" size="44"></u-icon>
|
|
|
- <nb-voice-record v-if="show == true" :vibrate="false" @startRecord="start" @endRecord="end"
|
|
|
- @cancelRecord="cancel"></nb-voice-record>
|
|
|
- <input v-if="show == false" type="text" placeholder="请输入" v-model="text">
|
|
|
- <text v-if="show == false" class="post" @click="send(text)">发送</text>
|
|
|
- </view>
|
|
|
+ <view class="" style="height: 55rpx;"></view>
|
|
|
+ <!-- <kj-chat></kj-chat> -->
|
|
|
+ <kj-chat :to="user_other_no" :list="changyong_list" :user_other='user_other' @success="getdata"></kj-chat>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import vueBus from '@/utils/vueBus.js'
|
|
|
+ import WebIM from '@/newSDK/Easemob-chat-4.1.7.js'
|
|
|
+ import {
|
|
|
+ conn
|
|
|
+ } from '@/utils/WebIM';
|
|
|
+ import {
|
|
|
+ renderTime
|
|
|
+ } from '@/utils/index'
|
|
|
+ const innerAudioContext = uni.createInnerAudioContext()
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- bgAudioManager: '', // 全局音频播放
|
|
|
- show: false,
|
|
|
- text: '',
|
|
|
- hx_username: '',
|
|
|
- worker_id: '',
|
|
|
- page: 1,
|
|
|
+ user_other_no: '',
|
|
|
+ user_no: '',
|
|
|
+ user: {},
|
|
|
+ user_other: {},
|
|
|
+ pageSize: 20,
|
|
|
+ loadText: '',
|
|
|
list: [],
|
|
|
- chatlist: [],
|
|
|
- myname: '',
|
|
|
- myheadimg: '',
|
|
|
- workername: '',
|
|
|
- workerheadimg: '',
|
|
|
- voicePath: '',
|
|
|
- userinfoheadimg: "",
|
|
|
- ossdata: {},
|
|
|
- duration: 0,
|
|
|
- time1: 0,
|
|
|
- url: "",
|
|
|
- url1: ""
|
|
|
+ renderTime,
|
|
|
+ playStatus: 0, //录音播放状态 0:未播放 1:正在播放
|
|
|
+ statusheight: '',
|
|
|
}
|
|
|
},
|
|
|
- onLoad(option) {
|
|
|
- this.hx_username = option.hx_username
|
|
|
- this.worker_id = option.worker_id
|
|
|
- console.log(this.worker_id);
|
|
|
- console.log(this.hx_username);
|
|
|
- this.myname = uni.getStorageSync("name")
|
|
|
- this.myheadimg = uni.getStorageSync("headimg")
|
|
|
- this.getlist()
|
|
|
- this.getworker()
|
|
|
- this.getmsg()
|
|
|
- let self = this;
|
|
|
- this.getoss()
|
|
|
- // this.getaudio()
|
|
|
- },
|
|
|
- computed: {
|
|
|
- showmore() {
|
|
|
- if (this.list.length % 20 == 0 && this.list.length > 0) {
|
|
|
- return true
|
|
|
- } else {
|
|
|
- return false
|
|
|
- }
|
|
|
+ onLoad(options) {
|
|
|
+ this.user = options.user_info
|
|
|
+ this.user_other = JSON.parse(decodeURIComponent(options.user_other))
|
|
|
+ // this.statusheight = uni.getSystemInfoSync().statusBarHeight,
|
|
|
+ this.user_other_no = options.user_other_no
|
|
|
+ console.log(this.user_other);
|
|
|
+ // this.user_other = options.user_other, //用户信息
|
|
|
+ if (uni.getStorageSync('user_no')) {
|
|
|
+ this.user_no = uni.getStorageSync('user_no')
|
|
|
+ } else {
|
|
|
+ // index().then((res) => {
|
|
|
+
|
|
|
+
|
|
|
+ // })
|
|
|
}
|
|
|
+ vueBus.$on('message', this.getdata)
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.getdata()
|
|
|
},
|
|
|
methods: {
|
|
|
- onPlay(e, index) {
|
|
|
- let that = this
|
|
|
- if (this.url && this.url == e.content) return
|
|
|
- if (this.url && this.url !== e.content) {
|
|
|
- this.bgAudioManager.stop()
|
|
|
- let obj = this.list.find(item => item.content == this.url)
|
|
|
- clearTimeout(obj.timeOut)
|
|
|
- obj.time = obj.defaultTime
|
|
|
- }
|
|
|
- this.url = e.content
|
|
|
-
|
|
|
-
|
|
|
- // 我这里没有写暂停播放 需要的可以 设置变量 根据变量状态判断 pause 或 play
|
|
|
- this.bgAudioManager = uni.createInnerAudioContext()
|
|
|
- this.bgAudioManager.src = e.content
|
|
|
- this.bgAudioManager.play()
|
|
|
- this.time1 = e.time
|
|
|
-
|
|
|
+ previewimg(url) {
|
|
|
+ let urls = []
|
|
|
+ urls.push(url)
|
|
|
+ uni.previewImage({
|
|
|
+ urls: urls,
|
|
|
+ longPressActions: {
|
|
|
+ itemList: ['发送给朋友', '保存图片', '收藏'],
|
|
|
+ success: function(data) {
|
|
|
+ console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
|
|
|
+ },
|
|
|
+ fail: function(err) {
|
|
|
+ console.log(err.errMsg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ playaudio(url) {
|
|
|
+ let _this = this
|
|
|
+ innerAudioContext.src = url
|
|
|
+ console.log(url);
|
|
|
var music = wx.setInnerAudioOption({
|
|
|
obeyMuteSwitch: false,
|
|
|
success: function(res) {
|
|
|
@@ -158,479 +213,364 @@
|
|
|
console.log("静音设置失败");
|
|
|
},
|
|
|
});
|
|
|
-
|
|
|
- this.bgAudioManager.onPlay(() => {
|
|
|
- function time_a(obj) {
|
|
|
- obj.timeOut = setTimeout(() => {
|
|
|
- obj.time--
|
|
|
- obj.time < 0 ? obj.time = that.time1 : time_a(obj)
|
|
|
- }, 1000)
|
|
|
- }
|
|
|
- time_a(this.list[index])
|
|
|
-
|
|
|
- })
|
|
|
-
|
|
|
- this.bgAudioManager.onEnded(() => {
|
|
|
- this.url = ''
|
|
|
- // this.list[index].time = this.time1
|
|
|
- this.bgAudioManager.offPlay()
|
|
|
- this.bgAudioManager.offEnded()
|
|
|
- this.bgAudioManager = null
|
|
|
- })
|
|
|
- },
|
|
|
- onPlay1(e, index) {
|
|
|
- let that = this
|
|
|
- if (this.url1 && this.url1 == e.content) return
|
|
|
- if (this.url1 && this.url1 !== e.content) {
|
|
|
- this.bgAudioManager.stop()
|
|
|
- let obj = this.chatlist.find(item => item.content == this.url1)
|
|
|
- clearTimeout(obj.timeOut)
|
|
|
- obj.message = obj.defaultTime
|
|
|
+ console.log(this.playStatus);
|
|
|
+ if (this.playStatus == 0) {
|
|
|
+ innerAudioContext.play()
|
|
|
+ innerAudioContext.onPlay(() => {
|
|
|
+ console.log('开始播放');
|
|
|
+ _this.playStatus = 1
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ innerAudioContext.pause()
|
|
|
+ innerAudioContext.onPause(() => {
|
|
|
+ console.log('暂停播放');
|
|
|
+ _this.playStatus = 0
|
|
|
+ });
|
|
|
}
|
|
|
- this.url1 = e.content
|
|
|
-
|
|
|
- this.bgAudioManager = uni.createInnerAudioContext()
|
|
|
- this.bgAudioManager.src = e.content
|
|
|
- this.bgAudioManager.play()
|
|
|
- // this.bgAudioManager.obeyMuteSwitch = false
|
|
|
- this.time1 = e.message
|
|
|
- console.log(that.time1);
|
|
|
- var music = wx.setInnerAudioOption({
|
|
|
- obeyMuteSwitch: false,
|
|
|
- success: function(res) {},
|
|
|
- fail: function(err) {},
|
|
|
+ innerAudioContext.onError((res) => {
|
|
|
+ console.log('onError', res.errMsg);
|
|
|
+ console.log('onError', res.errCode);
|
|
|
});
|
|
|
- this.bgAudioManager.onPlay(() => {
|
|
|
- function time_a(obj) {
|
|
|
- obj.timeOut = setTimeout(() => {
|
|
|
- obj.message--
|
|
|
- // obj.message < 0 ? obj.message = that.time1 : time_a(obj)
|
|
|
- if (obj.message < 0) {
|
|
|
- obj.message = that.time1
|
|
|
- clearTimeout(obj.timeOut)
|
|
|
- that.bgAudioManager.offPlay()
|
|
|
- that.bgAudioManager.offEnded()
|
|
|
- that.bgAudioManager = null
|
|
|
- that.url1 = ''
|
|
|
- } else {
|
|
|
- // console.log(time_a(obj));
|
|
|
- // time_a(obj)
|
|
|
- obj.message = obj.message
|
|
|
- time_a(obj)
|
|
|
- }
|
|
|
- }, 1000)
|
|
|
- }
|
|
|
- time_a(this.chatlist[index])
|
|
|
+ innerAudioContext.onEnded((res) => {
|
|
|
+ _this.playStatus = 0
|
|
|
})
|
|
|
},
|
|
|
- start() {
|
|
|
- // 开始录音
|
|
|
+ return1() {
|
|
|
+ uni.navigateBack()
|
|
|
},
|
|
|
- getoss() {
|
|
|
- this.$u.post('/api/Upload/getSignedUrl').then(res => {
|
|
|
- this.ossdata = res.data
|
|
|
+ getuser() {
|
|
|
+ let that = this
|
|
|
+ getEmchatUsersData({
|
|
|
+ user_no: this.user_no + ',' + this.user_other_no,
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code == 1) {
|
|
|
+ this.user = res.data[0]
|
|
|
+ this.user_other = res.data[1]
|
|
|
+ } else {
|
|
|
+ that.$u.toast(res.msg)
|
|
|
+ }
|
|
|
})
|
|
|
},
|
|
|
- end(event) {
|
|
|
- // 结束录音并处理得到的录音文件
|
|
|
- // event中，app端仅有tempFilePath字段，微信小程序还有duration和fileSize两个字段
|
|
|
- // this.sendPrivateAudio(event.tempFilePath,event.duration)
|
|
|
- if (event.duration < 1000) {
|
|
|
- this.$u.toast("说话时间太短了")
|
|
|
- } else {
|
|
|
-
|
|
|
- this.duration = event.duration
|
|
|
- var key = this.ossdata.key + new Date().getTime() + Math.floor(Math.random() * 150) + '.mp3'
|
|
|
- uni.uploadFile({
|
|
|
- url: this.ossdata.host, //输入你的bucketname.endpoint
|
|
|
- filePath: event.tempFilePath,
|
|
|
- name: 'file',
|
|
|
- formData: {
|
|
|
- key: key,
|
|
|
- policy: this.ossdata.policy, // 输入你获取的的policy
|
|
|
- OSSAccessKeyId: this.ossdata.OSSAccessKeyId, // 输入你的AccessKeyId
|
|
|
- success_action_status: '200', // 让服务端返回200,不然，默认会返回204
|
|
|
- signature: this.ossdata.Signature, // 输入你获取的的signature
|
|
|
- },
|
|
|
- success: (res) => {
|
|
|
- if (res.statusCode == 200) {
|
|
|
- this.userinfoheadimg = this.ossdata.host + '/' + key
|
|
|
- this.send1(this.userinfoheadimg, this.duration)
|
|
|
- }
|
|
|
- },
|
|
|
- fail: (err) => {
|
|
|
- console.log(err);
|
|
|
+ getdata() {
|
|
|
+ let option2 = {
|
|
|
+ chatType: "singleChat", // 会话类型，设置为单聊。
|
|
|
+ type: "channel", // 消息类型。
|
|
|
+ to: this.user_other_no, // 接收消息对象的用户 ID。
|
|
|
+ };
|
|
|
+ let msg2 = new WebIM.message.create(option2);
|
|
|
+ conn.send(msg2);
|
|
|
+ let options = {
|
|
|
+ // 对方的用户 ID 或者群组 ID 或聊天室 ID。
|
|
|
+ targetId: this.user_other_no,
|
|
|
+ // 每页期望获取的消息条数。取值范围为 [1,50]，默认值为 20。
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ // 查询的起始消息 ID。若该参数设置为 `-1`、`null` 或空字符串，从最新消息开始。
|
|
|
+ cursor: -1,
|
|
|
+ // 会话类型：（默认） `singleChat`：单聊；`groupChat`：群聊。
|
|
|
+ chatType: "singleChat",
|
|
|
+ // 消息搜索方向：（默认）`up`：按服务器收到消息的时间的逆序获取；`down`：按服务器收到消息的时间的正序获取。
|
|
|
+ searchDirection: "up",
|
|
|
+ };
|
|
|
+ conn.getHistoryMessages(options).then((res) => {
|
|
|
+ // 成功获取历史消息。
|
|
|
+ console.log('kkkk', res);
|
|
|
+ if (res.isLast) {
|
|
|
+ this.loadText = '已无更多数据';
|
|
|
}
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- cancel() {
|
|
|
- // 用户取消录音
|
|
|
- console.log(3333);
|
|
|
- },
|
|
|
- startRecord() {
|
|
|
- this.show = true
|
|
|
- },
|
|
|
- startRecord1() {
|
|
|
- this.show = false
|
|
|
- },
|
|
|
- tomore() {
|
|
|
- if (this.showmore) {
|
|
|
- this.page++
|
|
|
- this.getlist()
|
|
|
- }
|
|
|
- },
|
|
|
- getmsg() {
|
|
|
- this.$WebIM.conn.addEventHandler('getmsg', {
|
|
|
- // 当前用户收到文本消息。
|
|
|
- onTextMessage: (message) => {
|
|
|
- console.log(message);
|
|
|
- this.chatlist.push({
|
|
|
- content: message.msg,
|
|
|
- create_at: this.$u.timeFormat(message.time, 'yyyy-mm-dd hh:MM:ss'),
|
|
|
- headimg: message.from == uni.getStorageSync("hx_username") ? this
|
|
|
- .myheadimg : this.workerheadimg,
|
|
|
- name: message.from == uni.getStorageSync("hx_username") ? this.myname :
|
|
|
- this.workername,
|
|
|
- type: message.from == uni.getStorageSync("hx_username") ? 1 : 2,
|
|
|
- })
|
|
|
- this.$nextTick(() => {
|
|
|
- uni.pageScrollTo({
|
|
|
- scrollTop: 99999
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- onAudioMessage: (message) => {
|
|
|
- this.chatlist.push({
|
|
|
- // defaultTime:message.length,
|
|
|
- content: message.url,
|
|
|
- create_at: this.$u.timeFormat(message.time, 'yyyy-mm-dd hh:MM:ss'),
|
|
|
- headimg: message.from == uni.getStorageSync("hx_username") ? this
|
|
|
- .myheadimg : this.workerheadimg,
|
|
|
- name: message.from == uni.getStorageSync("hx_username") ? this.myname :
|
|
|
- this.workername,
|
|
|
- type: message.from == uni.getStorageSync("hx_username") ? 1 : 2,
|
|
|
- type1: "record",
|
|
|
- message: message.length
|
|
|
- })
|
|
|
+ this.list = res.messages.reverse()
|
|
|
+ console.log(this.list);
|
|
|
this.$nextTick(() => {
|
|
|
uni.pageScrollTo({
|
|
|
scrollTop: 99999
|
|
|
})
|
|
|
})
|
|
|
- },
|
|
|
- })
|
|
|
- },
|
|
|
- getworker() {
|
|
|
- this.$u.post('/api/News/get_worker_info', {
|
|
|
- worker_id: this.worker_id
|
|
|
- }).then(res => {
|
|
|
- this.workername = res.data.name
|
|
|
- this.workerheadimg = res.data.headimg
|
|
|
- })
|
|
|
+ })
|
|
|
+ .catch((e) => {
|
|
|
+ // 获取失败。
|
|
|
+ console.log('失败', e);
|
|
|
+ });
|
|
|
},
|
|
|
- getlist() {
|
|
|
- uni.showLoading({
|
|
|
- mask: true,
|
|
|
- title: "请稍后"
|
|
|
- })
|
|
|
- this.$u.post('/api/News/news_list', {
|
|
|
- worker_id: this.worker_id,
|
|
|
- page_num: 20,
|
|
|
- page: this.page
|
|
|
- }).then(res => {
|
|
|
- var list = res.data
|
|
|
- list.forEach(val => {
|
|
|
- val.defaultTime = val.time
|
|
|
- this.list.unshift(val)
|
|
|
+ toinfo(item, type) {
|
|
|
+ if (type == 'pos' && item.ext.order.item_url) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pagesB/details?id=" + item.ext.order.item_url
|
|
|
})
|
|
|
- if (this.page == 1) {
|
|
|
- this.$nextTick(() => {
|
|
|
- uni.pageScrollTo({
|
|
|
- scrollTop: 99999
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
+ } else if (type == 'cand') {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pagesC/rencai-info?id=" + item.ext.order.item_url
|
|
|
+ })
|
|
|
+ } else if (type == 'order') {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pagesD/order-detail?id=" + item.ext.order.item_url
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
|
|
|
- })
|
|
|
- },
|
|
|
- send1(tempFilePath, duration) {
|
|
|
- var option = {
|
|
|
- type: "audio",
|
|
|
- chatType: "singleChat",
|
|
|
- filename: "tempFilePath",
|
|
|
- from: uni.getStorageSync("hx_username"),
|
|
|
- // 消息接收方：单聊为对端用户 ID，群聊和聊天室分别为群组 ID 和聊天室 ID。
|
|
|
- to: this.hx_username,
|
|
|
- body: {
|
|
|
- //文件 URL。
|
|
|
- url: tempFilePath,
|
|
|
- //文件类型。
|
|
|
- type: "audio",
|
|
|
- //文件名。
|
|
|
- filename: "tempFilePath",
|
|
|
- // 音频文件时长，单位为秒。
|
|
|
- length: Math.ceil(duration / 1000),
|
|
|
- },
|
|
|
- };
|
|
|
+<style lang="scss">
|
|
|
+ .title{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #222222;
|
|
|
+ line-height: 50rpx;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+ .jend {
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
|
|
|
- // let option = {
|
|
|
- // // 消息类型。
|
|
|
- // type: "audio",
|
|
|
- // file: tempFilePath,
|
|
|
- // // 语音文件长度，单位为秒。
|
|
|
- // length: Math.ceil(duration / 1000),
|
|
|
- // // 消息接收方：单聊为对方用户 ID，群聊和聊天室分别为群组 ID 和聊天室 ID。
|
|
|
- // to: this.hx_username,
|
|
|
- // // 会话类型：单聊、群聊和聊天室分别为 `singleChat`、`groupChat` 和 `chatRoom`。
|
|
|
- // chatType: "singleChat",
|
|
|
- // // 语音文件上传失败。
|
|
|
- // // onFileUploadError: function() {
|
|
|
- // // console.log("onFileUploadError");
|
|
|
- // // },
|
|
|
- // // // 语音文件上传进度。
|
|
|
- // // onFileUploadProgress: function(e) {
|
|
|
- // // console.log(e);
|
|
|
- // // },
|
|
|
- // // // 语音文件上传成功。
|
|
|
- // // onFileUploadComplete: function() {
|
|
|
- // // console.log("onFileUploadComplete");
|
|
|
- // // },
|
|
|
- // // ext: {},
|
|
|
- // };
|
|
|
- // let option = {
|
|
|
- // // 消息类型。
|
|
|
- // type: "txt",
|
|
|
- // // 消息内容。
|
|
|
- // msg: tempFilePath,
|
|
|
- // // 消息发送方：单聊为对方用户 ID，群聊和聊天室分别为群组 ID 和聊天室 ID。
|
|
|
- // from: uni.getStorageSync("hx_username"),
|
|
|
- // // 消息接收方：单聊为对方用户 ID，群聊和聊天室分别为群组 ID 和聊天室 ID。
|
|
|
- // to: this.hx_username,
|
|
|
- // // 会话类型：单聊、群聊和聊天室分别为 `singleChat`、`groupChat` 和 `chatRoom`，默认为单聊。
|
|
|
- // chatType: "singleChat",
|
|
|
- // };
|
|
|
- let msg = this.$WebIM.message.create(option);
|
|
|
- console.log(msg);
|
|
|
- this.$WebIM.conn.send(msg).then(res => {
|
|
|
- this.$u.post('/api/News/send_news', {
|
|
|
- worker_id: this.worker_id,
|
|
|
- content: tempFilePath,
|
|
|
- type1: "record",
|
|
|
- time: msg.body.length
|
|
|
- }).then(res => {
|
|
|
- this.chatlist.push({
|
|
|
- defaultTime: msg.body.length,
|
|
|
- content: tempFilePath,
|
|
|
- create_at: this.$u.timeFormat(msg.time, 'yyyy-mm-dd hh:MM:ss'),
|
|
|
- headimg: this.myheadimg,
|
|
|
- name: this.myname,
|
|
|
- type: 1,
|
|
|
- type1: "record",
|
|
|
- message: msg.body.length
|
|
|
- })
|
|
|
- this.$nextTick(() => {
|
|
|
- uni.pageScrollTo({
|
|
|
- scrollTop: 99999
|
|
|
- })
|
|
|
- })
|
|
|
+ .chat-pages {
|
|
|
+ .chat-header1 {
|
|
|
+ width: 702rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ position: sticky;
|
|
|
+ left: 24rpx;
|
|
|
+ // z-index: 20;
|
|
|
+ margin: 10px auto;
|
|
|
+ padding: 0 20rpx;
|
|
|
+
|
|
|
+ .goutong-time1 {
|
|
|
+ line-height: 80rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: SFPro-Regular, SFPro;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #777777;
|
|
|
+ border-top: 2rpx solid #F0F0F0;
|
|
|
+ }
|
|
|
|
|
|
- console.log(this.chatlist);
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
+ .zhiwei-text {
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #555555;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ border-bottom: 2rpx solid #F0F0F0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zhiwei-title {
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #555555;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
|
|
|
+ .chat-label1 {
|
|
|
+ padding: 8rpx 0 10rpx 0;
|
|
|
+
|
|
|
+ text {
|
|
|
+ margin-right: 10rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ background: #F3F3F3;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ padding: 0 12rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #555555;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+ .jingli1-box {
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #555555;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
|
|
|
+ .header1-top {
|
|
|
+ padding: 24rpx 0 20rpx 0;
|
|
|
|
|
|
- send(text) {
|
|
|
- if (!text) {
|
|
|
- this.$u.toast("请输入内容")
|
|
|
- return
|
|
|
+ text:frist-child {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #222222;
|
|
|
}
|
|
|
- this.text = ''
|
|
|
- let option = {
|
|
|
- // 消息类型。
|
|
|
- type: "txt",
|
|
|
- // 消息内容。
|
|
|
- msg: text,
|
|
|
- // 消息发送方：单聊为对方用户 ID，群聊和聊天室分别为群组 ID 和聊天室 ID。
|
|
|
- from: uni.getStorageSync("hx_username"),
|
|
|
- // 消息接收方：单聊为对方用户 ID，群聊和聊天室分别为群组 ID 和聊天室 ID。
|
|
|
- to: this.hx_username,
|
|
|
- // 会话类型：单聊、群聊和聊天室分别为 `singleChat`、`groupChat` 和 `chatRoom`，默认为单聊。
|
|
|
- chatType: "singleChat",
|
|
|
- };
|
|
|
- // 创建文本消息。
|
|
|
- let msg = this.$WebIM.message.create(option);
|
|
|
- // console.log(msg);
|
|
|
- this.$WebIM.conn.send(msg).then(res => {
|
|
|
- this.$u.post('/api/News/send_news', {
|
|
|
- worker_id: this.worker_id,
|
|
|
- content: text
|
|
|
- }).then(res => {
|
|
|
- this.chatlist.push({
|
|
|
- content: msg.msg,
|
|
|
- create_at: this.$u.timeFormat(msg.time, 'yyyy-mm-dd hh:MM:ss'),
|
|
|
- headimg: this.myheadimg,
|
|
|
- name: this.myname,
|
|
|
- type: 1,
|
|
|
- })
|
|
|
- this.$nextTick(() => {
|
|
|
- uni.pageScrollTo({
|
|
|
- scrollTop: 99999
|
|
|
- })
|
|
|
- })
|
|
|
|
|
|
- // console.log(this.chatlist);
|
|
|
- })
|
|
|
- })
|
|
|
+ text:last-child {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: DINAlternate-Bold, DINAlternate;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #0C66C2;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-</script>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
- page {
|
|
|
- background-color: #F2F2F2;
|
|
|
- }
|
|
|
+ .chat-item {
|
|
|
+ padding: 0 24rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+
|
|
|
+ .chat-item-box {
|
|
|
+
|
|
|
+ .chat-text {
|
|
|
+ border-radius: 20rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ max-width: 100%;
|
|
|
+ margin: 0 20rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #141414;
|
|
|
+ padding: 20rpx 24rpx;
|
|
|
+ }
|
|
|
|
|
|
- .record {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- background-color: #1F7EFF;
|
|
|
- color: #fff;
|
|
|
- border-radius: 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
+ .user-img {
|
|
|
+ width: 92rpx;
|
|
|
+ height: 92rpx;
|
|
|
+ border-radius: 100rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .record1 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- background-color: #eee;
|
|
|
- color: #000;
|
|
|
- border-radius: 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
+ .chat-time {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #777777;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .quxiao {
|
|
|
+ .chat-header {
|
|
|
+ width: 702rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ position: sticky;
|
|
|
+ left: 24rpx;
|
|
|
+ z-index: 20;
|
|
|
+ margin: 10px auto;
|
|
|
+ padding: 0 20rpx;
|
|
|
+
|
|
|
+ .goutong-time {
|
|
|
+ line-height: 80rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: SFPro-Regular, SFPro;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #777777;
|
|
|
+ border-top: 2rpx solid #F0F0F0;
|
|
|
+ }
|
|
|
|
|
|
- background: #1F7EFF;
|
|
|
- border-radius: 12rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: PingFangSC-Medium, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #000;
|
|
|
- text-align: center;
|
|
|
- height: 84rpx;
|
|
|
- line-height: 84rpx;
|
|
|
- }
|
|
|
+ .chat-label {
|
|
|
+ padding: 8rpx 0 10rpx 0;
|
|
|
+
|
|
|
+ text {
|
|
|
+ margin-right: 10rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ background: #F3F3F3;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ padding: 0 12rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #555555;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .fasong {
|
|
|
- background: limegreen;
|
|
|
- border-radius: 12rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: PingFangSC-Medium, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- height: 84rpx;
|
|
|
- line-height: 84rpx;
|
|
|
- }
|
|
|
+ .jingli-box {
|
|
|
+ margin-bottom: 12rpx;
|
|
|
|
|
|
- .chat {
|
|
|
- .chat-list {
|
|
|
- padding: 24rpx;
|
|
|
+ .img {
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ }
|
|
|
|
|
|
- .more-btn {
|
|
|
- padding: 10rpx 0;
|
|
|
- text-align: center;
|
|
|
+ .text1 {
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #222222;
|
|
|
+ margin: 0 12rpx;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text2 {
|
|
|
+ font-size: 22rpx;
|
|
|
+ font-family: SFPro-Regular, SFPro;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #888888;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .chat-item {
|
|
|
- margin-bottom: 44rpx;
|
|
|
+ .header-top {
|
|
|
+ height: 150rpx;
|
|
|
|
|
|
- .item-box {
|
|
|
- text:first-child {
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- // color: #666666;
|
|
|
- padding: 8rpx 24rpx;
|
|
|
+ .header-right {
|
|
|
+ width: 96rpx;
|
|
|
+ height: 96rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .sex {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ right: 4rpx;
|
|
|
+ width: 20rpx;
|
|
|
+ height: 20rpx;
|
|
|
}
|
|
|
|
|
|
- text:last-child {
|
|
|
+ .right-img {
|
|
|
+ width: 96rpx;
|
|
|
+ height: 96rpx;
|
|
|
+ border-radius: 100rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- padding: 9rpx 24rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
+ .header-left {
|
|
|
+ .text3 {
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-family: SFPro-Regular, SFPro;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ margin-top: 10rpx;
|
|
|
}
|
|
|
|
|
|
.text1 {
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 20rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #222222;
|
|
|
+ margin-right: 28rpx;
|
|
|
}
|
|
|
|
|
|
.text2 {
|
|
|
- background-color: #1F7EFF;
|
|
|
- color: #fff;
|
|
|
- border-radius: 20rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #222222;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .user-head {
|
|
|
- width: 70rpx;
|
|
|
- height: 70rpx;
|
|
|
- border-radius: 100rpx;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .chat-btn {
|
|
|
- position: fixed;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- width: 750rpx;
|
|
|
- height: 166rpx;
|
|
|
- background: #FFFFFF;
|
|
|
- z-index: 10;
|
|
|
- padding: 0 24rpx 60rpx 24rpx;
|
|
|
-
|
|
|
- input {
|
|
|
- // width: 540rpx;
|
|
|
- flex: 1;
|
|
|
- margin-right: 20rpx;
|
|
|
- height: 58rpx;
|
|
|
- background: #F2F2F2;
|
|
|
- border-radius: 30rpx;
|
|
|
- padding: 0 28rpx;
|
|
|
- box-sizing: border-box;
|
|
|
+ .chat-navbar {
|
|
|
+ flex: 1;
|
|
|
+ // padding-left: 100rpx;
|
|
|
+
|
|
|
+ text:first-child {
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #141414;
|
|
|
}
|
|
|
|
|
|
- .post {
|
|
|
- width: 102rpx;
|
|
|
- line-height: 58rpx;
|
|
|
- background: #1F7EFF;
|
|
|
- border-radius: 30rpx;
|
|
|
- text-align: center;
|
|
|
- font-size: 24rpx;
|
|
|
- // font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ text:last-child {
|
|
|
+ font-size: 22rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
font-weight: 400;
|
|
|
- color: #FFFFFF;
|
|
|
+ color: #777777;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- ::v-deep .record-btn {
|
|
|
- width: 80vw !important;
|
|
|
- text-align: center !important;
|
|
|
- flex: 1 !important;
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep .record .u-icon.data-v-6e20bb40 {
|
|
|
- transform: rotate(-90deg) !important;
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep .record1 .u-icon.data-v-6e20bb40 {
|
|
|
- transform: rotate(90deg) !important;
|
|
|
+ page {
|
|
|
+ background-color: #F3F3F3;
|
|
|
}
|
|
|
</style>
|
zhaogongxue
