參考微信網頁版寫了個聊天頁面

2022-08-31 23:18:24 字數 2513 閱讀 6412

先上傳

好友聊天中的一些樣式

群聊樣式,增加了使用者暱稱的顯示

html**:

李友愛

你是豬嗎?

這都被你看出來了~嘿嘿!!:)

你妹啊,說你是豬你還真承認啊?一天天就知道吃吃吃...我也是真服你了,你說你咋這樣呢?

02'12

02'12

2016-07-12 11:20

朋友圈匯出文件.pdf

260k

這是我的即興演講的ppt文件.pdf

260k

恭喜發財 大吉大利

領取紅包

我領取了李友愛的紅包

恭喜發財 大吉大利

領取紅包

轉賬給你

¥1314.00

已收錢¥1314.00

邀請你加入群聊

主要的style樣式

body

ulli

p#main

.panel

.header

.mrbg

.mrbg img

.header .user-head

.head-img

.header .info

.header .info .user-name

.person-list

.person-list li:hover

.active

.person

.person-name

.clear-both

.message-box

.message-header

.header-text

.message-head

.message-head-me

.message-left-text

.message-me-text

.bubble-left

.bubble-right

.arrow-left

.arrow-right

.bubble-other

.bubble-other-audio

.bubble-other p

.bubble-me

.message-img

.message-video

.bubble-me p

.message-audio

.message-audio-right

.file

.file-images

.file-text

.file-text h4

.file-text p

.red-bag

.red-bag-title

.red-bag-img

.red-bag-text

.red-bag-text h4

.red-bag-bottom

.red-bag-bottom p

.red-bag-img-bottom

.red-bag-open

.red-bag-open-image

.red-bag-details

.message-time

.message-time-details

.audio-time

.audio-time-me

.name-other-person

.ad-box

.ad.ad p

.ad a

.transfer

.transfer-title

.add-group

.add-group-text

.add-group-text p

.add-group-img

//audio left

function playaudioleft() else

}voice.addeventlistener("play", function (e) , false);

voice.addeventlistener("pause", function (e) , false);

}//audio right

function playaudioright() else

}voicer.addeventlistener("play", function (e) , false);

voicer.addeventlistener("pause", function (e) , false);

}

頁面主要使用左右浮動來寫的,對方的聊天起泡使用float:left;自己的氣泡就用float:right;來實現的。

點選放大的時間使用了網上的zoom.js。引入進來之後做了一些調整。感謝zoom.js的發布者。

實現三條槓動的效果。

微信聊天機械人 非網頁版

程式邏輯 import pil 圖片比較 import time 時間引數 import requests 網頁抓取用 import pyautogui 自動回覆的控制 import pyperclip 返回值黏貼 from aip import aipocr 圖片轉文字 import re 文字分...

教你如何使用微信網頁版「抓取」微信撤回訊息

開啟fiddler,設定https,如圖 開啟搜狗瀏覽器設定 伺服器 在瀏覽器裡訪問瀏覽器顯示如下截圖,表示 成功 此時fiddler顯示如下,表示抓包成功 fiddler截獲資料報如下所示 在收到撤回訊息時msgtype 10002,content是撤回的提示資訊 要想檢視撤回的訊息,只需要將 m...

微信支付 網頁版 V3 1

3 先檢視業務流程 4 重點如下圖紅框標識 5 重點在第4和第5步 圖中有提到呼叫 統一下單api 來生成預付訂單 也就是先要生成prepay id。廢話不多說,先看介面文件中的統一下單api 統一下單api param payparams return str public static stri...