13
This commit is contained in:
@@ -15,7 +15,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<u-row class="action_row" v-else>
|
||||
<u-col v-for="item in actionList" :key="item.idx" @click="actionClick(item)" span="3">
|
||||
<u-col v-for="(item,idx) in actionList" :key="idx" @click="actionClick(item)" span="3">
|
||||
<view class="action_item">
|
||||
<image class="img" :src="item.icon" alt="" srcset="" />
|
||||
<text class="action_item_title">{{ item.title }}</text>
|
||||
@@ -28,10 +28,11 @@
|
||||
<script>
|
||||
import {ChatingFooterActionTypes,} from "@/constant";
|
||||
import emojis from "@/common/emojis.js"
|
||||
import chating_action_image from "@/static/images/chating_action_image.png";
|
||||
import chating_action_camera from "@/static/images/chating_action_camera.png";
|
||||
import chating_action_call from "@/static/images/chating_action_call.png";
|
||||
import chating_action_location from "@/static/images/chating_action_location.png";
|
||||
import chating_action_image_img from "@/static/images/chat/action_bar/image.png";
|
||||
import chating_action_camera_img from "@/static/images/chat/action_bar/camera.png";
|
||||
import chating_action_call_img from "@/static/images/chat/action_bar/call.png";
|
||||
import chating_action_location_img from "@/static/images/chat/action_bar/location.png";
|
||||
import chating_action_file_img from "@/static/images/chat/action_bar/file.png";
|
||||
|
||||
export default {
|
||||
props:{
|
||||
@@ -50,37 +51,36 @@
|
||||
emojiList:emojis,
|
||||
actionList: [
|
||||
{
|
||||
idx: 0,
|
||||
type: ChatingFooterActionTypes.Album,
|
||||
title: "照片",
|
||||
icon: chating_action_image,
|
||||
icon: chating_action_image_img,
|
||||
},
|
||||
{
|
||||
idx: 1,
|
||||
type: ChatingFooterActionTypes.Camera,
|
||||
title: "拍摄",
|
||||
icon: chating_action_camera,
|
||||
icon: chating_action_camera_img,
|
||||
},
|
||||
{
|
||||
idx: 2,
|
||||
type: ChatingFooterActionTypes.Video,
|
||||
type: ChatingFooterActionTypes.Call,
|
||||
title: "视频通话",
|
||||
icon: chating_action_call,
|
||||
icon: chating_action_call_img,
|
||||
},
|
||||
{
|
||||
idx: 3,
|
||||
type: ChatingFooterActionTypes.Location,
|
||||
title: "位置",
|
||||
icon: chating_action_location,
|
||||
icon: chating_action_location_img,
|
||||
},
|
||||
// {
|
||||
// idx: 0,
|
||||
// type: "File",
|
||||
// title: "文件",
|
||||
// icon: chating_action_file_img,
|
||||
// },
|
||||
// {
|
||||
// type: ChatingFooterActionTypes.Album,
|
||||
// title: "红包",
|
||||
// icon: chating_action_image,
|
||||
// },
|
||||
// {
|
||||
// idx: 0,
|
||||
// type: ChatingFooterActionTypes.Album,
|
||||
// title: "转账",
|
||||
// icon: chating_action_image,
|
||||
@@ -98,21 +98,24 @@
|
||||
this.$emit("onUserEvent",{type:"clearSendStr"});
|
||||
},
|
||||
async emojiClick(emoji){
|
||||
this.$emit("prepareMediaMessage", 'emoji',emoji);
|
||||
this.$emit("onUserEvent", {type:'insertEmoji', emoji:emoji});
|
||||
},
|
||||
async actionClick(action) {
|
||||
switch (action.type) {
|
||||
case ChatingFooterActionTypes.Video:
|
||||
this.$emit("prepareMediaMessage", action.type);
|
||||
break;
|
||||
case ChatingFooterActionTypes.Album:
|
||||
this.$emit("prepareMediaMessage", action.type);
|
||||
this.$emit("onUserEvent",{type:"prepend_image_message",source:"album"});
|
||||
break;
|
||||
case ChatingFooterActionTypes.Camera:
|
||||
this.$emit("prepareMediaMessage", action.type);
|
||||
this.$emit("onUserEvent",{type:"prepend_image_message",source:"camera"});
|
||||
break;
|
||||
case ChatingFooterActionTypes.Call:
|
||||
this.$emit("onUserEvent",{type:"prepend_call_message"});
|
||||
break;
|
||||
case "File":
|
||||
this.$emit("onUserEvent",{type:"prepend_file_message"});
|
||||
break;
|
||||
case ChatingFooterActionTypes.Location:
|
||||
this.$emit("prepareMediaMessage", action.type);
|
||||
this.$emit("onUserEvent",{type:"prepend_location_message"});
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
|
||||
Reference in New Issue
Block a user