hookehuyr

🐞 fix: 文本换行问题处理

...@@ -111,7 +111,7 @@ onMounted(() => { ...@@ -111,7 +111,7 @@ onMounted(() => {
111 margin-left: 1rem; 111 margin-left: 1rem;
112 color: gray; 112 color: gray;
113 padding-bottom: 0.5rem; 113 padding-bottom: 0.5rem;
114 - white-space: pre; 114 + white-space: pre-wrap;
115 } 115 }
116 116
117 .checkbox-wrapper { 117 .checkbox-wrapper {
......
1 <!-- 1 <!--
2 * @Date: 2022-08-31 16:16:49 2 * @Date: 2022-08-31 16:16:49
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-01-18 16:15:03 4 + * @LastEditTime: 2023-02-08 14:32:07
5 * @FilePath: /data-table/src/components/FileUploaderField/index.vue 5 * @FilePath: /data-table/src/components/FileUploaderField/index.vue
6 * @Description: 文件上传控件 6 * @Description: 文件上传控件
7 --> 7 -->
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <div 14 <div
15 v-if="item.component_props.note" 15 v-if="item.component_props.note"
16 v-html="item.component_props.note" 16 v-html="item.component_props.note"
17 - style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;" 17 + style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
18 /> 18 />
19 <div> 19 <div>
20 <p 20 <p
......
...@@ -64,7 +64,7 @@ onMounted(() => { ...@@ -64,7 +64,7 @@ onMounted(() => {
64 margin-left: 1rem; 64 margin-left: 1rem;
65 color: gray; 65 color: gray;
66 padding-bottom: 0.5rem; 66 padding-bottom: 0.5rem;
67 - white-space: pre; 67 + white-space: pre-wrap;
68 } 68 }
69 } 69 }
70 </style> 70 </style>
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <div 14 <div
15 v-if="item.component_props.note" 15 v-if="item.component_props.note"
16 v-html="item.component_props.note" 16 v-html="item.component_props.note"
17 - style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;" 17 + style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
18 /> 18 />
19 <van-field 19 <van-field
20 v-model="item.value" 20 v-model="item.value"
......
...@@ -110,7 +110,7 @@ onMounted(() => { ...@@ -110,7 +110,7 @@ onMounted(() => {
110 margin-left: 1rem; 110 margin-left: 1rem;
111 color: gray; 111 color: gray;
112 padding-bottom: 0.5rem; 112 padding-bottom: 0.5rem;
113 - white-space: pre; 113 + white-space: pre-wrap;
114 } 114 }
115 115
116 .radio-wrapper { 116 .radio-wrapper {
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <div 14 <div
15 v-if="item.component_props.note" 15 v-if="item.component_props.note"
16 v-html="item.component_props.note" 16 v-html="item.component_props.note"
17 - style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;" 17 + style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
18 /> 18 />
19 <van-field 19 <van-field
20 v-model="item.value" 20 v-model="item.value"
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <div 14 <div
15 v-if="item.component_props.note" 15 v-if="item.component_props.note"
16 v-html="item.component_props.note" 16 v-html="item.component_props.note"
17 - style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;" 17 + style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
18 /> 18 />
19 <van-field 19 <van-field
20 v-model="item.value" 20 v-model="item.value"
......
1 <!-- 1 <!--
2 * @Date: 2022-07-18 10:22:22 2 * @Date: 2022-07-18 10:22:22
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-02-08 14:23:31 4 + * @LastEditTime: 2023-02-08 14:31:29
5 * @FilePath: /data-table/src/views/index.vue 5 * @FilePath: /data-table/src/views/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -494,13 +494,13 @@ const onSubmit = async (values) => { ...@@ -494,13 +494,13 @@ const onSubmit = async (values) => {
494 padding: 1rem; 494 padding: 1rem;
495 font-size: 1.15rem; 495 font-size: 1.15rem;
496 text-align: center; 496 text-align: center;
497 - white-space: pre; 497 + white-space: pre-wrap;
498 } 498 }
499 .table-desc { 499 .table-desc {
500 padding: 0rem 1rem; 500 padding: 0rem 1rem;
501 color: #666; 501 color: #666;
502 font-size: 0.9rem; 502 font-size: 0.9rem;
503 - white-space: pre; 503 + white-space: pre-wrap;
504 504
505 img { 505 img {
506 width: 100%; 506 width: 100%;
......