2024-10-26 11:34:55 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
2024-12-10 16:23:32 +08:00
|
|
|
<title>小橄榄</title>
|
2024-10-26 11:34:55 +08:00
|
|
|
<link rel="stylesheet" href="{{ url_for('static',filename='css/index.css') }}" />
|
2024-11-27 17:29:51 +08:00
|
|
|
<link rel="icon" href="{{ url_for('static',filename='images/favicon.ico') }}" type="image/x-icon">
|
2024-10-26 11:34:55 +08:00
|
|
|
<script src="{{ url_for('static',filename='js/vue.js') }}"></script>
|
2024-11-27 17:29:51 +08:00
|
|
|
<script src="{{ url_for('static',filename='js/element-ui.js') }}"></script>
|
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static',filename='css/element/theme-chalk.css') }}" />
|
2024-10-26 11:34:55 +08:00
|
|
|
<script src="{{ url_for('static',filename='js/index.js') }}" defer></script>
|
2024-11-27 17:29:51 +08:00
|
|
|
<script src="{{ url_for('static',filename='js/script.js') }}" defer></script>
|
2024-10-26 11:34:55 +08:00
|
|
|
</head>
|
|
|
|
|
<body >
|
|
|
|
|
<div id="app" class="main_bg">
|
|
|
|
|
<div class="main_left">
|
2024-11-20 23:44:47 +08:00
|
|
|
<div class="main_left_logo" ><img src="{{ url_for('static',filename='images/Logo.png') }}" alt="">
|
2024-10-26 11:34:55 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="main_left_menu">
|
|
|
|
|
<ul>
|
|
|
|
|
<li class="changeImg"><a href="/"><span class="iconimg1">消息</span></a></li>
|
|
|
|
|
<li class="changeImg2"><a href="/setting"><span class="iconimg2">设置</span></a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="main_left_emoji"><img style="padding-top: 60px; max-width: 140px;" :src="robot" alt="" >
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="main_right">
|
|
|
|
|
<div class="top_info"><span class="top_info_text">消息：</span>[[panelMsg]]</div>
|
|
|
|
|
<!-- 以上是即时信息显示 -->
|
|
|
|
|
<div class="chatmessage">
|
|
|
|
|
<div class="chat-container" id="user0" >
|
|
|
|
|
<div v-for="(item, index) in messages" :key="index" >
|
|
|
|
|
|
|
|
|
|
<div class="message receiver-message" v-if="item.type == 'fay'">
|
|
|
|
|
<img class="avatar" src="{{ url_for('static',filename='images/Fay_send.png') }}" alt="接收者头像">
|
|
|
|
|
<div class="message-content">
|
|
|
|
|
<div class="message-bubble">[[item.content]]</div>
|
2024-11-06 18:42:52 +08:00
|
|
|
<div class="message-time"><span class="what-time">[[item.timetext]]</span>
|
|
|
|
|
<div v-if="item.is_adopted == 0" class="adopt-button" @click="adoptText(item.id)">
|
|
|
|
|
<img src="{{ url_for('static',filename='images/adopt.png') }}" alt="采纳图标" class="adopt-img" />
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else class="adopt-button">
|
|
|
|
|
<img src="{{ url_for('static',filename='images/adopted.png') }}" alt="采纳图标" class="adopt-img" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
2024-10-26 11:34:55 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="message sender-message" v-else>
|
|
|
|
|
<div class="message-content">
|
|
|
|
|
<div class="sender-message message-bubble">[[item.content]]</div>
|
|
|
|
|
<div class="sender-message-time">[[item.timetext]]</div>
|
|
|
|
|
</div>
|
|
|
|
|
<img class="avatar" src="{{ url_for('static',filename='images/User_send.png') }}" alt="发送者头像">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div >
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 以上是聊天对话 -->
|
|
|
|
|
|
|
|
|
|
<div class="inputmessage">
|
2024-11-06 18:45:44 +08:00
|
|
|
<div class="inputmessage_voice" >
|
|
|
|
|
|
|
|
|
|
<img v-if="!source_record_enabled" src="{{ url_for('static',filename='images/recording.png') }}" alt="" @click=changeRecord() >
|
|
|
|
|
<img v-else src="{{ url_for('static',filename='images/record.png') }}" alt="" @click=changeRecord() >
|
|
|
|
|
</div>
|
2024-10-28 12:25:44 +08:00
|
|
|
<div class="inputmessage_input"> <textarea class="text_in" placeholder="请输入内容" v-model="newMessage" @keyup.enter="sendMessage" style="padding-top: 13px;"></textarea></div>
|
2024-10-26 11:34:55 +08:00
|
|
|
<div class="inputmessage_send"><img src="{{ url_for('static',filename='images/send.png') }}" alt="发送信息" @click="sendMessage"></div>
|
|
|
|
|
|
2024-11-06 18:45:44 +08:00
|
|
|
<div v-if="liveState == 1" class="inputmessage_open">
|
2024-10-26 11:34:55 +08:00
|
|
|
|
2024-11-06 18:45:44 +08:00
|
|
|
<img v-if="!play_sound_enabled" src="{{ url_for('static',filename='images/sound_off.png') }}" @click=changeSound() >
|
|
|
|
|
<img v-else src="{{ url_for('static',filename='images/sound_on.png') }}" @click=changeSound() >
|
2024-10-26 11:34:55 +08:00
|
|
|
|
|
|
|
|
</div>
|
2024-11-06 18:45:44 +08:00
|
|
|
<div v-else class="inputmessage_open">
|
|
|
|
|
<img src="{{ url_for('static',filename='images/open.png') }}" @click=startLive() >
|
|
|
|
|
</div>
|
2024-10-26 11:34:55 +08:00
|
|
|
</div>
|
|
|
|
|
|
2024-11-27 17:29:51 +08:00
|
|
|
|
2024-10-26 11:34:55 +08:00
|
|
|
<div class="Userchange">
|
2024-11-27 17:29:51 +08:00
|
|
|
<button id="prevButton" ><img src="{{ url_for('static',filename='images/scrollleft.png') }}" alt="向左滑动" ></button>
|
|
|
|
|
<div class="menu" ref="menuContainer">
|
2024-10-26 11:34:55 +08:00
|
|
|
<div class="tag" v-for="user in userList" :key="user[0]" :class="{'selected': selectedUser && selectedUser[0] === user[0]}" @click="selectUser(user)">
|
|
|
|
|
[[ user[1] ]]
|
2024-11-27 17:29:51 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button id="nextButton" ><img src="{{ url_for('static',filename='images/scrollright.png') }}" alt="向右滑动" ></button>
|
2024-10-26 11:34:55 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 以上是多用户切换 -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
