|
@@ -268,14 +268,47 @@
|
|
|
|
|
|
|
|
<!-- 聊天记录 -->
|
|
<!-- 聊天记录 -->
|
|
|
<view style="display: flex;flex-direction: column;" v-for="(item,index) in ListItem" :key="index" :id=" 'id-'+index">
|
|
<view style="display: flex;flex-direction: column;" v-for="(item,index) in ListItem" :key="index" :id=" 'id-'+index">
|
|
|
- <view style="margin-top: 15rpx;width: 100%;text-align: center;font-size: 26rpx;color: #999999;"
|
|
|
|
|
- v-if="item.createTime">
|
|
|
|
|
|
|
+ <view class="system" v-if="item.createTime">
|
|
|
{{item.createTime}}
|
|
{{item.createTime}}
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <!---------------------------------- 系统消息开始----------------------------- -->
|
|
|
|
|
+ <view v-if="item.content == '已收到简历' && item.messageType === 10" class="system">
|
|
|
|
|
+ {{item.content}}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <!-- 对方消息 -->
|
|
|
|
|
+ <block v-if="item.userId && userId != item.userId">
|
|
|
|
|
+ <view v-if="item.content && item.messageType === 99" class="system">
|
|
|
|
|
+ 您收到了{{item.content}}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view v-if="item.content && item.messageType === 5 && item.content!='手机号请求'" class="system">
|
|
|
|
|
+ 已同意交换手机号
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <!-- 已同意简历请求 -->
|
|
|
|
|
+ <view v-if="item.content && item.messageType === 9 && item.content!='简历请求'" class="system">
|
|
|
|
|
+ {{item.content}}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view v-if="item.content && item.messageType === 6 && item.content!='微信号请求'" class="system">
|
|
|
|
|
+ 已同意交换微信号
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </block>
|
|
|
|
|
+ <!-- 我的消息 -->
|
|
|
|
|
+ <block v-if="item.userId && userId == item.userId">
|
|
|
|
|
+ <view v-if="item.content && item.messageType === 9" class="system">
|
|
|
|
|
+ 简历请求已发送,等待对方同意
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view v-if="item.content && item.messageType === 5" class="system">
|
|
|
|
|
+ 交换手机号请求已发送,等待对方同意
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view v-if="item.content && item.messageType === 6" class="system">
|
|
|
|
|
+ 交换微信号请求已发送,等待对方同意
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </block>
|
|
|
|
|
+ <!---------------------------------- 系统消息结束----------------------------- -->
|
|
|
|
|
+
|
|
|
<!-- 对方消息 -->
|
|
<!-- 对方消息 -->
|
|
|
- <view v-if="item.userId && userId != item.userId" style="width: 83%;margin-right: 15%;">
|
|
|
|
|
|
|
+ <view v-if="item.userId && userId != item.userId && !(item.messageType === 99 || (item.messageType === 5 && item.content !== '手机号请求') || (item.messageType === 9 && item.content !== '简历请求') || (item.messageType === 6 && item.content !== '微信号请求'))" style="width: 83%;margin-right: 15%;">
|
|
|
<view class="chat-listitem" style="float: left;margin-left: 10rpx;">
|
|
<view class="chat-listitem" style="float: left;margin-left: 10rpx;">
|
|
|
- <view @click="goGuanZhu">
|
|
|
|
|
|
|
+ <view @click="goGuanZhu" v-if="!(item.content == '已收到简历' && item.messageType === 10)">
|
|
|
<image :lazy-load="true" mode="aspectFill" :src="item.avatar ? item.avatar : '/static/logo.png'"
|
|
<image :lazy-load="true" mode="aspectFill" :src="item.avatar ? item.avatar : '/static/logo.png'"
|
|
|
class="chat-listitem-image"></image>
|
|
class="chat-listitem-image"></image>
|
|
|
</view>
|
|
</view>
|
|
@@ -319,11 +352,6 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-if="item.content && item.messageType === 5 && item.content!='手机号请求'"
|
|
|
|
|
- class="chat-listitem-text"
|
|
|
|
|
- style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
|
|
|
- 已同意交换手机号
|
|
|
|
|
- </view>
|
|
|
|
|
<view v-if="item.content && item.messageType === 7"
|
|
<view v-if="item.content && item.messageType === 7"
|
|
|
@longpress="copyss(item.content,item.userType,'phone')" class="chat-listitem-text"
|
|
@longpress="copyss(item.content,item.userType,'phone')" class="chat-listitem-text"
|
|
|
style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
@@ -357,11 +385,11 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-if="item.content && item.messageType === 6 && item.content!='微信号请求'"
|
|
|
|
|
|
|
+ <!-- <view v-if="item.content && item.messageType === 6 && item.content!='微信号请求'"
|
|
|
class="chat-listitem-text"
|
|
class="chat-listitem-text"
|
|
|
style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
|
已同意交换微信号
|
|
已同意交换微信号
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view> -->
|
|
|
<view v-if="item.content && item.messageType === 8"
|
|
<view v-if="item.content && item.messageType === 8"
|
|
|
@longpress="copyss(item.content,item.userType,'wx')" class="chat-listitem-text"
|
|
@longpress="copyss(item.content,item.userType,'wx')" class="chat-listitem-text"
|
|
|
style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
@@ -394,7 +422,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-if="item.content && item.messageType === 9 && item.content!='简历请求'"
|
|
|
|
|
|
|
+ <!-- <view v-if="item.content && item.messageType === 9 && item.content!='简历请求'"
|
|
|
@longpress="copy(item.content)" class="chat-listitem-text"
|
|
@longpress="copy(item.content)" class="chat-listitem-text"
|
|
|
style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-left: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
|
|
style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-left: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
|
|
|
<view class="flex align-center">
|
|
<view class="flex align-center">
|
|
@@ -402,32 +430,23 @@
|
|
|
style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
|
|
style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
|
|
|
{{item.content}}
|
|
{{item.content}}
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <view v-if="item.content && item.messageType === 10" class="chat-listitem-text bg-style"
|
|
|
|
|
- style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
|
|
|
- <block v-if="item.userType == 1">
|
|
|
|
|
- <view class="flex align-center" @click="previewResume(item.content)">
|
|
|
|
|
- <image src="../../static/im/orderInfo.png"
|
|
|
|
|
- style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
|
|
|
|
|
- 点击预览附件简历
|
|
|
|
|
- </view>
|
|
|
|
|
- </block>
|
|
|
|
|
- <block v-else>{{item.content}}</block>
|
|
|
|
|
|
|
+ </view> -->
|
|
|
|
|
+ <view v-if="item.content !=='已收到简历' && item.messageType === 10 && item.userType == 1" class="chat-listitem-text bg-style"
|
|
|
|
|
+ style="margin-left: 20rpx;color: #000000;background-color: #ffffff;" @click="previewResume(item.content)">
|
|
|
|
|
+ <view class="flex align-center">
|
|
|
|
|
+ <image src="../../static/im/orderInfo.png"
|
|
|
|
|
+ style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
|
|
|
|
|
+ 附件简历
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view style="font-size: 20rpx;text-align: center;">(点击预览)</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="item.content && item.messageType === 12" class="chat-listitem-text"
|
|
<view v-if="item.content && item.messageType === 12" class="chat-listitem-text"
|
|
|
style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
style="margin-left: 20rpx;color: #000000;background-color: #ffffff;">
|
|
|
{{item.content}}已拒绝
|
|
{{item.content}}已拒绝
|
|
|
</view>
|
|
</view>
|
|
|
<view class="chat-listitem-text bg-style" style="margin-left: 20rpx;"
|
|
<view class="chat-listitem-text bg-style" style="margin-left: 20rpx;"
|
|
|
- v-if="item.content && (item.messageType === 96 || item.messageType === 97)" @click="goToInterviewDetail(item)">{{item.content}}</view>
|
|
|
|
|
- <view v-if="item.content && item.messageType === 99" @click="goToInterviewDetail(item)"
|
|
|
|
|
- class="chat-listitem-text"
|
|
|
|
|
- style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-left: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
|
|
|
|
|
- <view class="flex align-center">
|
|
|
|
|
- <image src="../../static/im/msyy.svg"
|
|
|
|
|
- style="width: 60rpx;height: 60rpx;margin-right: 10rpx;flex-shrink: 0;" mode="aspectFill"></image>
|
|
|
|
|
- 您收到了{{item.content}}
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ v-if="item.content && (item.messageType === 96 || item.messageType === 97)" @click="goToInterviewDetail(item)">{{item.content}}
|
|
|
|
|
+ <view style="font-size: 20rpx;text-align: center;">(点击查看详情)</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="item.content && item.messageType === 98" @click="goToInterviewDetail(item)"
|
|
<view v-if="item.content && item.messageType === 98" @click="goToInterviewDetail(item)"
|
|
|
class="chat-listitem-text"
|
|
class="chat-listitem-text"
|
|
@@ -480,7 +499,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- +++++++++++我的消息+++++++++++++++ -->
|
|
<!-- +++++++++++我的消息+++++++++++++++ -->
|
|
|
- <view v-if="item.userId && userId == item.userId" style="width: 83%;margin-left: 15%;">
|
|
|
|
|
|
|
+ <view v-if="item.userId && userId == item.userId && !(item.messageType === 9 || item.messageType === 5 || item.messageType === 6)" style="width: 83%;margin-left: 15%;">
|
|
|
<view class="chat-listitem" style="float: right;">
|
|
<view class="chat-listitem" style="float: right;">
|
|
|
<view v-if="item.content && item.messageType === 1" @longpress="caozuoActive(item,1)"
|
|
<view v-if="item.content && item.messageType === 1" @longpress="caozuoActive(item,1)"
|
|
|
class="chat-listitem-text textColor" style="margin-right: 20rpx;">{{item.content}}</view>
|
|
class="chat-listitem-text textColor" style="margin-right: 20rpx;">{{item.content}}</view>
|
|
@@ -496,10 +515,7 @@
|
|
|
<image src="../../static/im/historyAudio_white.png"
|
|
<image src="../../static/im/historyAudio_white.png"
|
|
|
style="width: 50rpx;height: 50rpx;margin-left: 20rpx;" mode=""></image>
|
|
style="width: 50rpx;height: 50rpx;margin-left: 20rpx;" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-if="item.content && item.messageType === 5" class="chat-listitem-text textColor"
|
|
|
|
|
- style="margin-right: 20rpx;">
|
|
|
|
|
- 交换手机号请求已发送,等待对方同意
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+
|
|
|
<view v-if="item.content && item.messageType === 7"
|
|
<view v-if="item.content && item.messageType === 7"
|
|
|
@longpress="copyss(item.content,item.userType,'phone')" class="chat-listitem-text textColor"
|
|
@longpress="copyss(item.content,item.userType,'phone')" class="chat-listitem-text textColor"
|
|
|
style="margin-right: 20rpx;">
|
|
style="margin-right: 20rpx;">
|
|
@@ -512,10 +528,6 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view v-if="item.content && item.messageType === 6" class="chat-listitem-text textColor"
|
|
|
|
|
- style="margin-right: 20rpx;">
|
|
|
|
|
- 交换微信号请求已发送,等待对方同意
|
|
|
|
|
- </view>
|
|
|
|
|
<view v-if="item.content && item.messageType === 8"
|
|
<view v-if="item.content && item.messageType === 8"
|
|
|
@longpress="copyss(item.content,item.userType,'wx')" class="chat-listitem-text textColor"
|
|
@longpress="copyss(item.content,item.userType,'wx')" class="chat-listitem-text textColor"
|
|
|
style="margin-right: 20rpx;">
|
|
style="margin-right: 20rpx;">
|
|
@@ -527,27 +539,22 @@
|
|
|
我的微信号为:{{JSON.parse(item.content).companyWx}}
|
|
我的微信号为:{{JSON.parse(item.content).companyWx}}
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-if="item.content && item.messageType === 9" class="chat-listitem-text textColor"
|
|
|
|
|
- style="margin-right: 20rpx;">
|
|
|
|
|
- 简历请求已发送,等待对方同意
|
|
|
|
|
- </view>
|
|
|
|
|
- <view v-if="item.content && item.messageType === 10" class="chat-listitem-text textColor bg-style"
|
|
|
|
|
- style="margin-right: 20rpx;">
|
|
|
|
|
- <block v-if="item.userType == 1">
|
|
|
|
|
- <view class="flex align-center" @click="previewResume(item.content)">
|
|
|
|
|
- <image src="../../static/im/orderInfo.png"
|
|
|
|
|
- style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
|
|
|
|
|
- 点击预览附件简历
|
|
|
|
|
- </view>
|
|
|
|
|
- </block>
|
|
|
|
|
- <block v-else>{{item.content}}</block>
|
|
|
|
|
|
|
+ <view v-if="item.content !=='已收到简历' && item.messageType === 10 && item.userType == 1" class="chat-listitem-text textColor bg-style"
|
|
|
|
|
+ style="margin-right: 20rpx;" @click="previewResume(item.content)">
|
|
|
|
|
+ <view class="flex align-center">
|
|
|
|
|
+ <image src="../../static/im/orderInfo.png"
|
|
|
|
|
+ style="width: 60rpx;height: 60rpx;margin-right: 10rpx;" mode=""></image>
|
|
|
|
|
+ 附件简历
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view style="font-size: 20rpx;text-align: center;">(点击预览)</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="item.content && item.messageType === 12" class="chat-listitem-text textColor"
|
|
<view v-if="item.content && item.messageType === 12" class="chat-listitem-text textColor"
|
|
|
style="margin-right: 20rpx;">
|
|
style="margin-right: 20rpx;">
|
|
|
{{item.content}}已拒绝
|
|
{{item.content}}已拒绝
|
|
|
</view>
|
|
</view>
|
|
|
<view class="chat-listitem-text bg-style" style="margin-right: 20rpx;"
|
|
<view class="chat-listitem-text bg-style" style="margin-right: 20rpx;"
|
|
|
- v-if="item.content && (item.messageType === 96 || item.messageType === 97)" @click="goToInterviewDetail(item)">{{item.content}}</view>
|
|
|
|
|
|
|
+ v-if="item.content && (item.messageType === 96 || item.messageType === 97)" @click="goToInterviewDetail(item)">{{item.content}}
|
|
|
|
|
+ <view style="font-size: 20rpx;text-align: center;">(点击查看详情)</view></view>
|
|
|
<view v-if="item.content && item.messageType === 99" @click="goToInterviewDetail(item)"
|
|
<view v-if="item.content && item.messageType === 99" @click="goToInterviewDetail(item)"
|
|
|
class="chat-listitem-text textColor"
|
|
class="chat-listitem-text textColor"
|
|
|
style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-right: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
|
|
style="padding-bottom: 20rpx;;padding-top: 20rpx;margin-right: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);">
|
|
@@ -556,6 +563,7 @@
|
|
|
style="width: 60rpx;height: 60rpx;margin-right: 10rpx;flex-shrink: 0;" mode="aspectFill"></image>
|
|
style="width: 60rpx;height: 60rpx;margin-right: 10rpx;flex-shrink: 0;" mode="aspectFill"></image>
|
|
|
您发送了{{item.content}}
|
|
您发送了{{item.content}}
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view style="font-size: 20rpx;text-align: center;">(点击查看详情)</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="item.content && item.messageType === 98" @click="goToInterviewDetail(item)"
|
|
<view v-if="item.content && item.messageType === 98" @click="goToInterviewDetail(item)"
|
|
|
class="chat-listitem-text textColor"
|
|
class="chat-listitem-text textColor"
|
|
@@ -605,7 +613,7 @@
|
|
|
style="width: 35upx;height: 40upx;margin-left: 10rpx;"></image>
|
|
style="width: 35upx;height: 40upx;margin-left: 10rpx;"></image>
|
|
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
- <view>
|
|
|
|
|
|
|
+ <view v-if="!(item.content == '已收到简历' && item.messageType === 10)">
|
|
|
<image :lazy-load="true" mode="aspectFill" :src="imageUrl" class="chat-listitem-image"></image>
|
|
<image :lazy-load="true" mode="aspectFill" :src="imageUrl" class="chat-listitem-image"></image>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -629,15 +637,26 @@
|
|
|
<!-- 抽屉栏 -->
|
|
<!-- 抽屉栏 -->
|
|
|
<view class="popup-layer" :class="popupLayerClass" @touchmove.stop.prevent="discard">
|
|
<view class="popup-layer" :class="popupLayerClass" @touchmove.stop.prevent="discard">
|
|
|
<!-- 表情 -->
|
|
<!-- 表情 -->
|
|
|
- <swiper class="emoji-swiper" indicator-active-color="#cccccc" :class="{hidden:hideEmoji}"
|
|
|
|
|
|
|
+ <!-- <swiper class="emoji-swiper" indicator-active-color="#cccccc" :class="{hidden:hideEmoji}"
|
|
|
indicator-dots="true" duration="150">
|
|
indicator-dots="true" duration="150">
|
|
|
<swiper-item v-for="(page1,pid) in emojiList" :key="pid">
|
|
<swiper-item v-for="(page1,pid) in emojiList" :key="pid">
|
|
|
<view v-for="(em,eid) in page1" :key="eid" @tap="setChatSave(4,em.url)">
|
|
<view v-for="(em,eid) in page1" :key="eid" @tap="setChatSave(4,em.url)">
|
|
|
- <!-- <image src="../../static/emoji/100.gif" mode="widthFix"></image> -->
|
|
|
|
|
<image mode="widthFix" :src="ossUrl+em.url"></image>
|
|
<image mode="widthFix" :src="ossUrl+em.url"></image>
|
|
|
</view>
|
|
</view>
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
- </swiper>
|
|
|
|
|
|
|
+ </swiper> -->
|
|
|
|
|
+ <scroll-view class="emoji-scroll" :class="{hidden:hideEmoji}" scroll-y="true">
|
|
|
|
|
+ <view class="emoji-grid">
|
|
|
|
|
+ <view
|
|
|
|
|
+ class="emoji-item"
|
|
|
|
|
+ v-for="(em, eid) in emojiList"
|
|
|
|
|
+ :key="eid"
|
|
|
|
|
+ @click="setChatSave(4,em.url)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <image mode="widthFix" :src="ossUrl + em.url"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </scroll-view>
|
|
|
<!-- 更多功能 相册-拍照-红包 -->
|
|
<!-- 更多功能 相册-拍照-红包 -->
|
|
|
<view class="more-layer" :class="{hidden:hideMore}">
|
|
<view class="more-layer" :class="{hidden:hideMore}">
|
|
|
<view class="list" style="color: #000000;">
|
|
<view class="list" style="color: #000000;">
|
|
@@ -3619,4 +3638,29 @@
|
|
|
.bg-style{
|
|
.bg-style{
|
|
|
padding-bottom: 20rpx;;padding-top: 20rpx;margin-right: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);
|
|
padding-bottom: 20rpx;;padding-top: 20rpx;margin-right: 20rpx;color: #000000;background-color: #ffffff;border: 1rpx solid #c6fee7;background: linear-gradient(to bottom, #D9FEED, #ffffff);
|
|
|
}
|
|
}
|
|
|
|
|
+ .emoji-scroll {
|
|
|
|
|
+ height: 300rpx;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .emoji-grid {
|
|
|
|
|
+ display: grid;
|
|
|
|
|
+ grid-template-columns: repeat(8, 1fr);
|
|
|
|
|
+ grid-gap: 12rpx;
|
|
|
|
|
+ padding-bottom: 24rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .emoji-item {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ .emoji-item image {
|
|
|
|
|
+ width: 60rpx;
|
|
|
|
|
+ height: 60rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .system{
|
|
|
|
|
+ margin-top: 15rpx;width: 100%;text-align: center;font-size: 26rpx;color: #999999;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|