给我一份类似微信聊天的前端dome,完整代码
时间: 2023-03-09 19:23:59 浏览: 82
很高兴为您提供帮助,下面是一份完整的微信聊天前端dome的代码: <!DOCTYPE html>
<html>
<head>
<title>微信聊天前端dome</title>
<style type="text/css">
.container {
margin-top: 30px;
width: 80%;
}
.chatbox {
width: 100%;
margin: 0 auto;
}
.chatbox .chat-message {
padding: 10px;
margin-bottom: 10px;
background-color: #f2f2f2;
border-radius: 5px;
}
.chatbox .chat-message.user {
background-color: #00b2ff;
color: #ffffff;
text-align: right;
}
</style>
</head>
<body>
<div class="container">
<div class="chatbox">
<div class="chat-message user">
你好,我是用户A
</div>
<div class="chat-message bot">
你好,我是机器人,很高兴见到你
</div>
<div class="chat-message user">
你能做什么?
</div>
<div class="chat-message bot">
我可以帮助您解决各种问题,例如提供信息或者提供建议。
</div>
</div>
</div>
</body>
</html>