hh

src/views/live/roomMeet.vue

@@ -48,8 +48,12 @@
                   </el-col>
                 </el-col>
                 <el-col :span="24" class="submit">
-                  <el-input type="textarea" maxlength="5000" show-word-limit v-model="content"></el-input>
-                  <el-button type="primary" size="mini" @click="chatCreate">发送</el-button>
+                  <el-col :span="19" class="input">
+                    <el-input type="textarea" maxlength="5000" show-word-limit v-model="content"></el-input>
+                  </el-col>
+                  <el-col :span="5" class="btn">
+                    <el-button type="primary" size="mini" @click="chatCreate">发送</el-button>
+                  </el-col>
                 </el-col>
               </el-col>
             </el-tab-pane>
@@ -164,9 +168,6 @@ export default {
         this.$set(this, `total`, result.total);
       }
     },
-    onSubmit() {
-      console.log(this.content);
-    },
     async initclient() {
       this.userId_ = this.user.uid;
       const res = await this.gensignFetch({ userid: this.userId_ });
@@ -295,11 +296,12 @@ export default {
     min-height: 290px;
     background: #fff;
     .chat {
+      height: 330px;
       .chatInfo {
         height: 275px;
-        overflow: hidden;
+        overflow-y: auto;
         padding: 0 10px;
-        margin: 0 0 15px 0;
+        margin: 0 0 10px 0;
         .list {
           margin: 0 0 10px 0;
           span:first-child {
@@ -318,8 +320,11 @@ export default {
         }
       }
       .submit {
-        .el-input {
-          width: 80%;
+        position: absolute;
+        bottom: 0;
+        .el-button {
+          width: 100%;
+          padding: 13px 0;
         }
       }
     }
@@ -351,4 +356,12 @@ export default {
   height: 70px;
   grid-area: 1/1/3/4;
 }
+/deep/.el-textarea__inner {
+  padding: 0 15px;
+  line-height: 20px;
+  border-radius: 0;
+}
+.selfColor {
+  color: #ff0000;
+}
 </style>