fix(form示例)：Web平台页面无法滚动导致内容显示不全的问题

pages/component/form/form.uvue

 <template>
-  <scroll-view class="page">
+  <!-- #ifdef APP -->
+  <scroll-view class="scroll-view" :scroll-y="true">
+  <!-- #endif -->
+    <view class="page">
       <form @submit="onFormSubmit" @reset="onFormReset">
         <view class="uni-form-item">
           <view class="title">姓名</view>
@@ -43,8 +46,11 @@
         </view>
       </form>
       <view class="result">提交的表单数据</view>
-    <textarea class="textarea" :value="formDataText"></textarea>
+      <textarea class="textarea" :value="formDataText" :maxlength="-1" :auto-height="true"></textarea>
+    </view>
+  <!-- #ifdef APP -->
   </scroll-view>
+  <!-- #endif -->
 </template>
 
 <script>
@@ -76,8 +82,11 @@
 </script>
 
 <style>
-  .page {
+  .scroll-view {
     flex: 1;
+  }
+
+  .page {
     padding: 15px;
   }
 
@@ -116,6 +125,7 @@
 
   .textarea {
     margin-top: 5px;
+    padding: 5px;
     background-color: #fff;
   }
 </style>