🐞 fix: 文本换行问题处理

@@ -111,7 +111,7 @@ onMounted(() => {
     margin-left: 1rem;
     color: gray;
     padding-bottom: 0.5rem;
-    white-space: pre;
+    white-space: pre-wrap;
   }
 
   .checkbox-wrapper {

 <!--
  * @Date: 2022-08-31 16:16:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-01-18 16:15:03
+ * @LastEditTime: 2023-02-08 14:32:07
  * @FilePath: /data-table/src/components/FileUploaderField/index.vue
  * @Description: 文件上传控件
 -->
@@ -14,7 +14,7 @@
     <div
       v-if="item.component_props.note"
       v-html="item.component_props.note"
-      style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;"
+      style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
     />
     <div>
       <p

@@ -64,7 +64,7 @@ onMounted(() => {
     margin-left: 1rem;
     color: gray;
     padding-bottom: 0.5rem;
-    white-space: pre;
+    white-space: pre-wrap;
   }
 }
 </style>

@@ -14,7 +14,7 @@
     <div
       v-if="item.component_props.note"
       v-html="item.component_props.note"
-      style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;"
+      style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
     />
     <van-field
       v-model="item.value"

@@ -110,7 +110,7 @@ onMounted(() => {
     margin-left: 1rem;
     color: gray;
     padding-bottom: 0.5rem;
-    white-space: pre;
+    white-space: pre-wrap;
   }
 
   .radio-wrapper {

@@ -14,7 +14,7 @@
     <div
       v-if="item.component_props.note"
       v-html="item.component_props.note"
-      style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;"
+      style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
     />
     <van-field
       v-model="item.value"

@@ -14,7 +14,7 @@
     <div
       v-if="item.component_props.note"
       v-html="item.component_props.note"
-      style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;"
+      style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
     />
     <van-field
       v-model="item.value"

 <!--
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-02-08 14:23:31
+ * @LastEditTime: 2023-02-08 14:31:29
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
 -->
@@ -494,13 +494,13 @@ const onSubmit = async (values) => {
   padding: 1rem;
   font-size: 1.15rem;
   text-align: center;
-  white-space: pre;
+  white-space: pre-wrap;
 }
 .table-desc {
   padding: 0rem 1rem;
   color: #666;
   font-size: 0.9rem;
-  white-space: pre;
+  white-space: pre-wrap;
 
   img {
     width: 100%;