'添加聊天发送图片功能'

.vscode/settings.json

+{
+  "liveServer.settings.port": 5501
+}
\ No newline at end of file

wechat_lung_chat/css/freeChat.css

@@ -49,7 +49,6 @@ body {
 .no_follow {
 	position: fixed;
 	width: 0.8rem;
-	t: fixed;
 	top: 1.2rem;
 	font-size: 0.24rem;
 	left: 0.4rem;
@@ -138,15 +137,23 @@ body {
 	font-size: 0.24rem;
 	color: #333;
 }
+/*  图片消息中图片的大小*/
+.chat_nopadding img {
+	height: 1.5rem;
+	width: 2rem;
+}
 
 .chat_message {
 	max-width: 4.66rem;
-	padding: 0.28rem 0.32rem;
+	padding: 0.2rem 0.2rem;
 	margin-top: 0.2rem;
 	font-size: 0.3rem;
 	word-break: break-word;
 }
-
+/* 图片消息去除内边距 */
+.chat_nopadding {
+	padding: 0;
+}
 .chat_message_from {
 	background: #fff;
 	border-radius: 0.24rem 0.24rem 0.24rem 0;
@@ -224,19 +231,27 @@ body {
 	position: fixed;
 	bottom: 0;
 	z-index: 100;
+	display: flex;
+	justify-content: space-between;
 }
 
 .footerOn {
 	top: 0;
 }
 
-.footer .footer_input {
-	float: left;
+.footer .footer_addPic{
+	margin:0.08rem 0 0 .15625rem; 
+	height: .5rem;
+	width: .5rem;
+}
+.footer .footer_addPic img{
+	height: 100%;
+	width: 100%;
 }
-
 .footer .footer_input input {
-	width: 5.3rem;
 	height: 0.64rem;
+	width: 4.375rem;
+	line-height: 0.64rem;
 	background: #F9F9F9;
 	border: none;
 	border-radius: 0.08rem;
@@ -245,7 +260,7 @@ body {
 }
 
 .footer .send {
-	width: 1.28rem;
+	width: 1.2rem;
 	height: 0.64rem;
 	line-height: 0.64rem;
 	text-align: center;
@@ -254,7 +269,7 @@ body {
 	font-size: 0.32rem;
 	float: left;
 	border-radius: 0.08rem;
-	margin-left: 0.3rem;
+	margin-left: 0.1rem;
 }
 
 .system_msg {

wechat_lung_chat/pages/freeChat.html

@@ -10,6 +10,7 @@
 		<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/wechat_Reset.min.css" />
 		<link rel="stylesheet" type="text/css" href="../css/freeChat.css"/>
 		<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
+		<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
 		<title></title>
 		<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
 		<script type="text/javascript">
@@ -116,6 +117,9 @@
 			<div class="footer_input">
 				<input type="text" name="" id="sendMsg" value="" placeholder="给医生留言"/>
 			</div>
+			<div class="footer_addPic">
+				<img src="../images/addpic.png" alt="">
+			</div>
 			<div class="send">
 				发送
 			</div>

wechat_lung_chat/pages/imgConsultChat.html

@@ -10,6 +10,7 @@
 		<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/wechat_Reset.min.css" />
 		<link rel="stylesheet" type="text/css" href="../css/freeChat.css"/>
 		<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
+		<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
 		<title>图文咨询</title>
 		<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
 		<script type="text/javascript">