添加图标等

src/components/IM/user-info.vue

@@ -17,26 +17,28 @@
     <section class="other-info-wrapper">
       <article class="other-info">
         <div class="icon">
-          <img src="../../assets/image/img.jpg" alt />
+          <img src="../../assets/image/IM/icon-contacts.png" alt />
         </div>
         <span class="desc">医生</span>
       </article>
       <article class="other-info">
         <div class="icon">
-          <img src="../../assets/image/img.jpg" alt />
+          <img src="../../assets/image/IM/icon-id-card.png" alt />
         </div>
         <div class="icon-s">
-          <img src="../../assets/image/img.jpg" alt />
+          <img v-if="true" src="../../assets/image/IM/check-yes.png" alt />
+          <img v-else src="../../assets/image/IM/check-no.png" alt />
         </div>
         <span class="desc mr12">实名认证</span>
         <div class="icon-s">
-          <img src="../../assets/image/img.jpg" alt />
+          <img v-if="false" src="../../assets/image/IM/check-yes.png" alt />
+          <img v-else src="../../assets/image/IM/check-no.png" alt />
         </div>
         <span class="desc">执业认证</span>
       </article>
       <article class="other-info">
         <div class="icon">
-          <img src="../../assets/image/img.jpg" alt />
+          <img src="../../assets/image/IM/icon-org.png" alt />
         </div>
         <span class="desc">无机构</span>
       </article>
@@ -131,9 +133,11 @@ export default {
     .other-info {
       display: flex;
       flex-direction: row;
-      margin: 10px 0;
-      // align-items: center;
+      margin: 12px 0;
+      align-items: center;
       .icon {
+        width: 16px;
+        height: 16px;
         margin-right: 8px;
         & > img {
           width: 16px;
@@ -141,10 +145,12 @@ export default {
         }
       }
       .icon-s {
+        width: 12px;
+        height: 12px;
         margin-right: 4px;
         & > img {
-          width: 11px;
-          height: 11px;
+          width: 12px;
+          height: 12px;
         }
       }
       .desc {

src/views/IM/current-session/index.vue

@@ -76,28 +76,24 @@
                   <span class="size">23.0 MB</span>
                 </div>
                 <div class="midp-icon">
-                  <img src="../../../assets/image/img.jpg" alt />
+                  <img src="../../../assets/image/IM/icon-pdf.png" alt />
                 </div>
               </div>
               <div v-if="item.bizType == 4" class="mid-text link">五分钟首页</div>
             </div>
           </article>
-          <!-- <article class="msg-item cr">
-            <div class="msg-item-img"><img src="../../../assets/image/img.jpg" alt /></div>
-            <div class="msg-item-detail">
-              <span class="mid-time">1:16 pm</span>
-              <div class="mid-text">不理解人，就无法理解什么是设计不理解人，就无法理解什么是设计不理解人，就无法理解什么是设计</div>
-            </div>
-          </article>-->
         </section>
         <section class="c-bottom">
-          <div class="tool-bar">
-            <img src="../../../assets/image/img.jpg" alt />
-            <img src="../../../assets/image/img.jpg" alt />
-          </div>
-          <el-input v-model="text" type="textarea" placeholder="请输入" size="normal" clearable></el-input>
+          <el-input
+            placeholder="请输入内容"
+            v-model="text">
+            <div slot="suffix" class="cb-icon-wrapper">
+              <img src="../../../assets/image/IM/icon-folder-open.png" alt />
+              <img src="../../../assets/image/IM/icon-link.png" alt />
+            </div>
+          </el-input>
           <div class="send-btn">
-            <el-button type="primary" size="default" style="text-algin:right;" maxlength="500">发送</el-button>
+            <img src="../../../assets/image/IM/send-no.png" alt />
           </div>
         </section>
       </article>
@@ -131,7 +127,7 @@ export default {
         isShowCopyBtn: true
       },
       text: "",
-      containerHeight: '210',
+      containerHeight: '740',
       // 消息列表 bizType 1: 文本(包括不支持的类型文案); 2: 图片; 3: PDF; 4: 链接;
       messageList: [
         {
@@ -221,7 +217,7 @@ export default {
   created() {},
   // 挂载到Dom完成时
   mounted: function() {
-    this.resizeHeight();
+    // this.resizeHeight();
     // commonUtil.resizeHeight();
   },
   methods: {
@@ -257,12 +253,16 @@ export default {
 </script>
 <style lang="scss">
 .current-session-wrap {
-  textarea {
-    border: 0px !important;
-    resize: none;
-    height: 100px;
-    padding: 5px 25px;
+  .el-input__inner {
+    height: 44px;
+    line-height: 44px;
   }
+  // textarea {
+  //   border: 0px !important;
+  //   resize: none;
+  //   height: 100px;
+  //   padding: 5px 25px;
+  // }
 }
 </style>
 <style lang="scss" scoped>
@@ -399,7 +399,7 @@ export default {
       }
       .msg-content {
         // width: 100%;
-        height: 300px;
+        // height: 300px;
         overflow: scroll;
         display: flex;
         flex-direction: column;
@@ -497,21 +497,34 @@ export default {
         }
       }
       .c-bottom {
-        height: 160px;
-        border-top: 2px solid #f0f1f2;
-        .tool-bar {
+        display: flex;
+        flex-direction: row;
+        margin: 16px 12px 16px 25px;
+        .cb-icon-wrapper {
           display: flex;
-          margin: 10px 25px;
+          align-items: center;
+          height: 44px;
           & > img {
             width: 20px;
             height: 20px;
-            margin-right: 20px;
+            margin-right: 16px;
             cursor: pointer;
           }
         }
         .send-btn {
-          text-align: right;
-          margin-right: 25px;
+          display: flex;
+          flex-direction: row;
+          justify-content: center;
+          align-items: center;
+          width: 60px;
+          height: 44px;
+          background: #F3F6F7;
+          margin-left: 12px;
+          border-radius: 8px;
+          & > img {
+            width: 24px;
+            height: 24px;
+          }
         }
       }
     }