解决进入页面无法到底部问题

dc-App/pages/Chat/newChat.vue

@@ -28,7 +28,8 @@
       <view class="right_top"></view>
     </view>
     <!-- 聊天内容 -->
-    <scroll-view class="chat" id="scrollview" scroll-y="true" scroll-with-animation="true" :scroll-into-view="scrollToView">
+    <scroll-view class="chat" id="scrollview" scroll-y="true" scroll-with-animation="true"
+                 :scroll-into-view="scrollToView">
       <view class="chat-main" :style="{paddingBottom:inputh+'px'}" id="msglistview">
         <view class="chat-ls" v-for="(item,index) in messagesList" :key="index" :id="'msg'+ index">
           <view class="msg-m msg-right" v-if="item.isTrans">
@@ -494,7 +495,11 @@ export default {
       } else {
         this.messagesList = tempList
       }
+      //延时五秒
+      setTimeout(() => {
         this.goBottom()
+      }, 500);
+      // this.goBottom()
     },
     // 获取历史消息
     getMessage() {
@@ -528,7 +533,9 @@ export default {
         that.$set(that.messagesList, that.messagesList.length - 1, that.messagesList[that.messagesList
             .length - 1])
         // 数据挂载后执行，不懂的请自行阅读 Vue.js 文档对 Vue.nextTick 函数说明。
+        setTimeout(() => {
           that.goBottom()
+        }, 500);
 
       }
       get();
@@ -698,7 +705,6 @@ export default {
     },
     // 滚动到底部
     goBottom() {
-
       this.$nextTick(() => {
         this.scrollToView = this.scrollId;
         this.$nextTick(() => {

dc-App/pages/my/Contact.vue

@@ -15,7 +15,7 @@
       </view>
     </u-card>
 
-    <u-form labelPosition="top" :model="form" ref="formRef" class="">
+    <u-form labelPosition="top" :rules="rules" :model="form" ref="formRef">
       <u-form-item label="Name" prop="name" borderBottom>
         <u-input v-model="form.name" placeholder="Enter your name" font-size="18"/>
       </u-form-item>
@@ -45,7 +45,26 @@ export default {
         name: [
           {
             required: true,
-            message: '请输入姓名',
+            message: 'Please enter your name',
+            trigger: ['blur', 'change']
+          }
+        ],
+        email: [
+          {
+            required: true,
+            message: 'Please enter your email address',
+            trigger: ['blur', 'change']
+          },
+          {
+            pattern: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
+            message: 'Please enter a valid email address',
+            trigger: ['blur', 'change']
+          }
+        ],
+        message: [
+          {
+            required: true,
+            message: 'Please enter your feedback',
             trigger: ['blur', 'change']
           }
         ]
@@ -55,21 +74,11 @@ export default {
   methods: {
     submitForm() {
       this.$refs.formRef.validate().then(res => {
-        uni.$u.toast('校验通过')
-      }).catch(errors => {
-        uni.$u.toast('校验失败')
-      })
-      if (!this.form.name || !this.form.email || !this.form.message) {
-        uni.showToast({ title: 'Please fill in all fields', icon: 'none' });
-        return;
-      }
-      //验证邮箱
-      if (!this.form.email.match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/)) {
-        uni.showToast({ title: 'Invalid email address', icon: 'none' });
-        return;
-      }
         uni.showToast({title: 'Successfully', icon: 'success'});
         this.form = {name: '', email: '', message: ''};
+      }).catch(errors => {
+        uni.$u.toast('Validation failed')
+      })
     }
   }
 };
@@ -86,6 +95,7 @@ export default {
   font-size: 20rpx;
   background-color: #FFFFFF;
 }
+
 .card {
   width: 90%;
   padding: 30rpx;
@@ -94,6 +104,7 @@ export default {
   color: #FFFFFF;
   border-radius: 20rpx;
 }
+
 .info {
   display: flex;
   align-items: center;
@@ -101,11 +112,13 @@ export default {
   margin-bottom: 20rpx;
   color: #FFFFFF;
 }
+
 .info-text {
   margin-left: 15rpx;
   font-size: 22rpx;
   color: #FFFFFF;
 }
+
 .form-container {
   width: 90%;
   //display: flex;
@@ -113,12 +126,14 @@ export default {
   align-items: center;
   font-size: 22rpx;
 }
+
 .button-container {
   display: flex;
   justify-content: center;
   width: 100%;
   margin-top: 20rpx;
 }
+
 .submit-button {
   font-size: 22rpx;
   padding: 15rpx 30rpx;