save

src/App.vue

@@ -46,7 +46,7 @@ export default {
       userName: "",
 			authList: [],
 			systemType: 0,
-      showChat:false
+      showChat:true
     };
   },
   computed: {

src/components/IM/chat.scss

@@ -118,7 +118,7 @@
                   }
                 }
                 .link {
-                  color: #2f86f6;
+                  color: #ffffff;
                 }
                 & > .mid-pdf {
                   width: 260px;
@@ -364,12 +364,10 @@
           top: -8px;
           left: 0;
           display: flex;
+          align-items: center;
           flex-direction: row;
           margin: 16px 12px 16px 25px;
           .cb-icon-wrapper {
-            position: absolute;
-            top: 0;
-            right: 70px;
             display: flex;
             align-items: center;
             height: 44px;
@@ -381,22 +379,19 @@
             }
           }
           .send-btn {
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-            align-items: center;
-            width: 60px;
-            height: 44px;
-            background: #f3f6f7;
-            margin-left: 12px;
-            border-radius: 8px;
-            cursor: pointer;
-            & > img {
-              width: 24px;
-              height: 24px;
-            }
-            &.active {
-              background: #0d9078;
+            width: 86px;
+            height: 33px;
+            background: #449284;
+            border-radius: 23px;
+            color: #ffffff;
+            border: none;
+            font-size: 14px;
+            font-weight: bold;
+          }
+          /deep/.el-textarea{
+            width: 75%;
+            .el-textarea__inner{
+              border: none;
             }
           }
         }

src/components/IM/chat.vue

@@ -130,7 +130,7 @@
           </article>
         </section>
         <section class="c-bottom">
-          <el-input type="textarea" placeholder="请输入内容" v-model="sendText" maxlength="499"></el-input>
+          <el-input type="textarea" class="c-bottom-input" placeholder="请输入内容" v-model="sendText" maxlength="499"></el-input>
           <div class="cb-icon-wrapper">
             <el-upload
               class="bg-uploader"
@@ -139,14 +139,14 @@
               :show-file-list="false"
               :before-upload="beforeUploadFile"
             >
-              <img src="../../assets/image/IM/icon-folder-open.png" alt />
+              <img src="../../assets/image/IM/im_sendfile.png" alt />
             </el-upload>
-            <img src="../../assets/image/IM/icon-link.png" @click="preSendLinkMsg" alt />
-          </div>
-          <div class="send-btn" :class="{'active': canSend}" @click="sendTextMsg">
-            <img v-show="canSend" src="../../assets/image/IM/send-yes.png" alt />
-            <img v-show="!canSend" src="../../assets/image/IM/send-no.png" alt />
+            <img src="../../assets/image/IM/im_sendvedio.png" @click="preSendLinkMsg" alt />
           </div>
+          <el-button size="small" class="send-btn" :class="{'active': canSend}" @click="sendTextMsg">
+            发送
+          </el-button>
+
         </section>
       </article>
     </section>
@@ -154,6 +154,7 @@
     <!-- 选择链接弹窗 -->
     <el-dialog
       title="选择链接"
+      :modal="false"
       :show-close="true"
       :visible.sync="showSelectDialog"
       :close-on-click-modal="false"