From dfdcca599b595c7340b31ee7cd5878f29a3268eb Mon Sep 17 00:00:00 2001
From: fuchengshen <men883234@gmail.com>
Date: 星期五, 15 七月 2022 16:34:15 +0800
Subject: [PATCH] 更改厂区模型
---
src/cool/modules/chat/components/message.vue | 194 +++++++++++++++++++++++------------------------
1 files changed, 95 insertions(+), 99 deletions(-)
diff --git a/src/cool/modules/chat/components/message.vue b/src/cool/modules/chat/components/message.vue
index fe628bd..2a189ee 100644
--- a/src/cool/modules/chat/components/message.vue
+++ b/src/cool/modules/chat/components/message.vue
@@ -1,112 +1,108 @@
<template>
- <div v-loading="!visible && loading" class="cl-chat-message" element-loading-text="娑堟伅鍔犺浇涓�">
- <div
- :ref="setRefs('scroller')"
- class="cl-chat-message__scroller scroller1"
- :style="{
+ <div v-loading="!visible && loading"
+ class="cl-chat-message"
+ element-loading-text="娑堟伅鍔犺浇涓�">
+ <div :ref="setRefs('scroller')"
+ class="cl-chat-message__scroller scroller1"
+ :style="{
opacity: visible ? 1 : 0
- }"
- >
- <!-- 鍔犺浇鏇村 -->
- <div v-show="list.length > 0" class="cl-chat-message__more">
- <el-button round size="mini" :loading="loading" @click="onLoadmore"
- >鍔犺浇鏇村</el-button
- >
- </div>
+ }">
+ <!-- 鍔犺浇鏇村 -->
+ <div v-show="list.length > 0"
+ class="cl-chat-message__more">
+ <el-button round
+ size="mini"
+ :loading="loading"
+ @click="onLoadmore">鍔犺浇鏇村</el-button>
+ </div>
- <!-- 娑堟伅鍒楄〃 -->
- <div class="cl-chat-message__list">
- <div
- v-for="item in list"
- :key="item.id || item.uid"
- class="cl-chat-message__item"
- :class="[item.type == 0 ? `is-right` : `is-left`, `is-${item.mode}`]"
- >
- <!-- 鏃ユ湡 -->
- <div v-if="item._date" class="date">
- <span>{{ item._date }}</span>
- </div>
+ <!-- 娑堟伅鍒楄〃 -->
+ <div class="cl-chat-message__list">
+ <div v-for="item in list"
+ :key="item.id || item.uid"
+ class="cl-chat-message__item"
+ :class="[item.type == 0 ? `is-right` : `is-left`, `is-${item.mode}`]">
+ <!-- 鏃ユ湡 -->
+ <div v-if="item._date"
+ class="date">
+ <span>{{ item._date }}</span>
+ </div>
- <!-- 鍐呭 -->
- <div class="main">
- <!-- 澶村儚 -->
- <div class="avatar">
- <img :src="item.avatarUrl" />
- </div>
+ <!-- 鍐呭 -->
+ <div class="main">
+ <!-- 澶村儚 -->
+ <div class="avatar">
+ <img :src="item.avatarUrl" />
+ </div>
- <div class="det">
- <!-- 鏄电О -->
- <span class="name">{{ item.nickName }}</span>
+ <div class="det">
+ <!-- 鏄电О -->
+ <span class="name">{{ item.nickName }}</span>
- <div
- v-loading="item.loading"
- class="content"
- :element-loading-text="item.progress"
- @click="onTap(item)"
- >
- <!-- 鏂囨湰 -->
- <template v-if="item.mode === 'text'">{{
+ <div v-loading="item.loading"
+ class="content"
+ :element-loading-text="item.progress"
+ @click="onTap(item)">
+ <!-- 鏂囨湰 -->
+ <template v-if="item.mode === 'text'">{{
item.content.text
}}</template>
- <!-- 鍥剧墖 -->
- <template v-else-if="item.mode === 'image'">
- <el-image
- :key="item.uid"
- :src="item.content.imageUrl"
- :preview-src-list="[item.content.imageUrl]"
- :z-index="3000"
- :style="item.style"
- >
- <template #placeholder>
- <img
- :src="item.content.imageUrl"
- :style="item.style"
- alt=""
- />
- </template>
- </el-image>
- </template>
+ <!-- 鍥剧墖 -->
+ <template v-else-if="item.mode === 'image'">
+ <el-image :key="item.uid"
+ :src="item.content.imageUrl"
+ :preview-src-list="[item.content.imageUrl]"
+ :z-index="3000"
+ :style="item.style">
+ <template #placeholder>
+ <img :src="item.content.imageUrl"
+ :style="item.style"
+ alt="" />
+ </template>
+ </el-image>
+ </template>
- <!-- 琛ㄦ儏 -->
- <template v-else-if="item.mode === 'emoji'">
- <img :src="item.content.imageUrl" />
- </template>
+ <!-- 琛ㄦ儏 -->
+ <template v-else-if="item.mode === 'emoji'">
+ <img :src="item.content.imageUrl" />
+ </template>
- <!-- 璇煶 -->
- <template v-else-if="item.mode === 'voice'">
- <icon-voice :play="item.isPlay" />
- <span class="duration">{{ item.content.duration }}"</span>
- </template>
+ <!-- 璇煶 -->
+ <template v-else-if="item.mode === 'voice'">
+ <icon-voice :play="item.isPlay" />
+ <span class="duration">{{ item.content.duration }}"</span>
+ </template>
- <!-- 瑙嗛 -->
- <template v-else-if="item.mode === 'video'">
- <div class="item">
- <video
- :poster="item.content.videoUrl"
- :src="item.content.videoUrl"
- controls
- ></video>
- </div>
- </template>
+ <!-- 瑙嗛 -->
+ <template v-else-if="item.mode === 'video'">
+ <div class="item">
+ <video :poster="item.content.videoUrl"
+ :src="item.content.videoUrl"
+ controls></video>
+ </div>
+ </template>
- <!-- 鏈煡 -->
- <template v-else>
- <span>寰呮墿灞曟秷鎭被鍨�</span>
- <i class="el-icon-warning-outline"></i>
- </template>
- </div>
- </div>
- </div>
- </div>
+ <!-- 鏈煡 -->
+ <template v-else>
+ <span>寰呮墿灞曟秷鎭被鍨�</span>
+ <i class="el-icon-warning-outline"></i>
+ </template>
+ </div>
+ </div>
+ </div>
+ </div>
- <!-- 闊抽 -->
- <div class="voice">
- <audio ref="voice" style="display: none" :src="voice.url" controls></audio>
- </div>
- </div>
- </div>
- </div>
+ <!-- 闊抽 -->
+ <div class="voice">
+ <audio ref="voice"
+ style="display: none"
+ :src="voice.url"
+ controls></audio>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
<script lang="ts">
@@ -115,14 +111,14 @@
import { ElMessage } from "element-plus";
import { isString } from "/@/cool/utils";
import { useCool } from "/@/cool";
-import IconVoice from "./icon-voice.vue";
+// import IconVoice from "./icon-voice.vue";
import AvatarUrl from "../static/images/custom-avatar.png";
export default defineComponent({
- components: {
- IconVoice
- },
+ // components: {
+ // IconVoice
+ // },
setup() {
const { refs, setRefs, service, store, mitt } = useCool();
--
Gitblit v1.9.1