Shikong/WeChatMsg
1
0
Fork 0
mirror of https://github.com/LC044/WeChatMsg synced 2025-02-22 19:02:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

实现html图片点击放大功能

Browse Source
This commit is contained in:
shuaikangzhou 2023-12-03 22:19:25 +08:00
parent 8abd38d4bc
commit 99874e0da6
2 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
app/DataBase/output_pc.py
View File

@ -458,6 +458,25 @@ class ChildThread(QThread):
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.modal {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
}
.modal-image {
display: block;
max-width: 90%;
max-height: 90%;
margin: auto;
margin-top: 5%;
}
.container{ .container{
height: 760px; height: 760px;
width: 900px; width: 900px;
@ -681,6 +700,9 @@ input {
</div> </div>
<div></div> <div></div>
<div id="modal" class="modal" onclick="hideModal()">
<img id="modal-image" class="modal-image">
</div>
<div class="pagination-container"> <div class="pagination-container">
<div class="button-row"> <div class="button-row">
<button onclick="prevPage()">上一页</button> <button onclick="prevPage()">上一页</button>
@ -809,11 +831,11 @@ const chatMessages = [
else if (message.type == 3){ else if (message.type == 3){
if (message.is_send == 1){ if (message.is_send == 1){
messageElement.className = "item item-right"; messageElement.className = "item item-right";
messageElement.innerHTML = `<div class='chat-image'><img src="${message.text}" /></div><div class='avatar'><img src="${message.avatar_path}" /></div>` messageElement.innerHTML = `<div class='chat-image' ><img src="${message.text}" onclick="showModal(this)"/></div><div class='avatar'><img src="${message.avatar_path}" /></div>`
} }
else if(message.is_send==0){ else if(message.is_send==0){
messageElement.className = "item item-left"; messageElement.className = "item item-left";
messageElement.innerHTML = `<div class='avatar'><img src="${message.avatar_path}" /></div><div class='chat-image'><img src="${message.text}" /></div>` messageElement.innerHTML = `<div class='avatar'><img src="${message.avatar_path}"/></div><div class='chat-image'><img src="${message.text}" onclick="showModal(this)"/></div>`
} }
} }
chatContainer.appendChild(messageElement); chatContainer.appendChild(messageElement);
@ -856,6 +878,21 @@ const chatMessages = [
// 初始化页面 // 初始化页面
renderPage(currentPage); renderPage(currentPage);
</script> </script>
<script>
function showModal(image) {
var modal = document.getElementById("modal");
var modalImage = document.getElementById("modal-image");
modal.style.display = "block";
modalImage.src = image.src;
console.log(image.src);
}
function hideModal() {
var modal = document.getElementById("modal");
modal.style.display = "none";
}
</script>
</body> </body>
</html> </html>
''' '''

4
app/web_ui/web.py
View File

@ -48,8 +48,8 @@ def home():
def one(): def one():
msg_db.init_database(path='../DataBase/Msg/MSG.db') msg_db.init_database(path='../DataBase/Msg/MSG.db')
wxid = 'wxid_0o18ef858vnu22' wxid = 'wxid_0o18ef858vnu22'
# wxid = 'wxid_8piw6sb4hvfm22' wxid = 'wxid_8piw6sb4hvfm22'
wxid = 'wxid_lltzaezg38so22' # wxid = 'wxid_lltzaezg38so22'
world_cloud_data = analysis.wordcloud(wxid) world_cloud_data = analysis.wordcloud(wxid)
# 创建一个简单的柱状图 # 创建一个简单的柱状图
with open('message_num_test.html','w',encoding='utf-8') as f: with open('message_num_test.html','w',encoding='utf-8') as f: