From f521587638acb2e54b1604eceea4979aaa0074ab Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Thu, 23 Sep 2021 12:55:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=99=E7=9B=B4=E6=92=AD=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=AF=84=E8=AE=BA=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/home/LivePage.vue | 13 +++++++++++--
 src/utils/dom.js            |  6 ++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/LivePage.vue b/src/pages/home/LivePage.vue
index 12456ee..78342ad 100644
--- a/src/pages/home/LivePage.vue
+++ b/src/pages/home/LivePage.vue
@@ -46,8 +46,8 @@
       </div>
       <div class="bottom">
         <div class="left">
-          <div class="comments">
-            <div class="comments-wrapper">
+          <div class="comments" ref="comments">
+            <div class="comments-wrapper" ref="comments-wrapper">
               <div class="comment notice">
                 <span class="text">欢迎来到直播间！抖音严禁未成年人直播或打赏，直接间内严禁出现违法违规、低俗色情、吸烟酗酒等内容。如主播在直播过程中以不当方式诱导打赏、私下交易，请谨慎判断，以防人身财产损失。请大家注意财产安全，谨防网络诈骗。</span>
               </div>
@@ -62,6 +62,9 @@
                 <span class="text">{{ i }}</span>
               </div>
             </div>
+          </div>
+          <div class="options">
+
           </div>
           <base-button @click="t">点击</base-button>
         </div>
@@ -71,6 +74,8 @@
 </template>
 <script>
 import BaseButton from "../../components/BaseButton";
+import Dom from "../../utils/dom";
+import {nextTick} from "vue";
 
 export default {
   name: "LivePage",
@@ -92,6 +97,10 @@ export default {
   methods: {
     t() {
       this.list.push('asdfasdfasdfasdfffasdfasdfffasdfasdfffasdfasdfffff')
+      nextTick(()=>{
+        let comments = this.$refs['comments']
+        comments.scrollTop = comments.scrollHeight - comments.clientHeight
+      })
     }
   }
 }
diff --git a/src/utils/dom.js b/src/utils/dom.js
index 8be4329..b15a644 100644
--- a/src/utils/dom.js
+++ b/src/utils/dom.js
@@ -52,6 +52,12 @@ export default class Dom {
     return this
   }
 
+  attr(...args) {
+    if (args.length === 1) {
+      return this.els[0][args[0]]
+    }
+  }
+
   css(...args) {
     if (args.length === 1) {
       //情况一：获取样式