评论位置

src/components/livedModel/livedControls.vue

@@ -12,6 +12,8 @@
       v-if="info.liveBroadcastState<2&&guestBookList"
       :guestBookList="guestBookList"
       :updateVal="updateVal"
+      :isSend="isSend"
+      :fixedHeight="getBottom"
     ></livedIsMsg>
     <!-- 带货商品层 -->
     <livedExplainingCommodities
@@ -58,7 +60,7 @@
         </div>
       </template>
       <template v-else>
-        <div class="sendOut" :style="{'bottom':getBottom}">
+        <div class="sendOut" :style="{'bottom':getBottom+'px'}">
           <input
             class="sendIpt"
             :adjust-position="false"
@@ -275,7 +277,7 @@ export default {
     },
     // 获取焦点
     onFocus(e){
-      this.getBottom=(e.mp.detail.height-10)+'px';
+      this.getBottom=(e.mp.detail.height-10);
     },
     // 点击发送留言
     toSend() {

src/components/livedModel/livedIsMsg.vue

 <template>
   <!-- 评论模块 -->
-  <div class="livedIsMsg" v-if="list.length>0">
+  <div class="livedIsMsg" v-if="list.length>0" :class="{'livedIsMsgFixed':isSend}" :style="{'bottom':isSend?(fixedHeight+50)+'px':''}">
     <div class="list">
       <scroll-view :style="{'height': '24vh','width':'52vw'}" :scroll-y="true" :scroll-top="scrollTop" :scroll-with-animation="true"  @scrolltolower="scrolltolower">
         <div class="item flex" v-for="(item,index) in list" :key="index">
@@ -18,7 +18,7 @@
 
 <script type="text/ecmascript-6">
 export default {
-  props:["guestBookList","updateVal"],
+  props:["guestBookList","updateVal","isSend","fixedHeight"],
   name: "",
   data() {
     return {
@@ -61,13 +61,14 @@ export default {
   padding: 8px;
   margin-bottom: 10px;
   position: relative;
+  width: 60vw;
   .list {
-    width: 50vw;
+    width: 60vw;
     max-height: 24vh;
     overflow: hidden;
     bottom: 0;
     .item {
-      width: 50vw;
+      width: 60vw;
       padding: 4px 0;
       display: flex;
       align-items: flex-start;
@@ -85,4 +86,9 @@ export default {
     }
   }
 }
+.livedIsMsgFixed{
+  position: absolute;
+  margin: 0;
+  left: 12px;
+}
 </style>