Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
0ef886e9 1 parent b190e53d

🐞 fix: 修复文本内容连续空格不显示问题

Inline Side-by-side
Showing 5 changed files with 17 additions and 22 deletions
...@@ -14,9 +14,7 @@ ...@@ -14,9 +14,7 @@
14 (最多可选数: {{ item.component_props.max }}) 14 (最多可选数: {{ item.component_props.max }})
15 </span> 15 </span>
16 </div> 16 </div>
17 - <div v-if="item.component_props.note" class="note"> 17 + <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />
18 - {{ item.component_props.note }}
19 - </div>
20 <van-field :name="item.key" :rules="item.rules" :border="false"> 18 <van-field :name="item.key" :rules="item.rules" :border="false">
21 <template #input> 19 <template #input>
22 <van-checkbox-group 20 <van-checkbox-group
...@@ -73,7 +71,7 @@ const HideShow = computed(() => { ...@@ -73,7 +71,7 @@ const HideShow = computed(() => {
73 margin-left: 1rem; 71 margin-left: 1rem;
74 color: gray; 72 color: gray;
75 padding-bottom: 0.5rem; 73 padding-bottom: 0.5rem;
76 - white-space: pre-line; 74 + white-space: pre;
77 } 75 }
78 } 76 }
79 77
......
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-17 16:44:20 4 + * @LastEditTime: 2023-01-18 16:15:03
5 * @FilePath: /data-table/src/components/FileUploaderField/index.vue 5 * @FilePath: /data-table/src/components/FileUploaderField/index.vue
6 * @Description: 文件上传控件 6 * @Description: 文件上传控件
7 --> 7 -->
...@@ -13,10 +13,9 @@ ...@@ -13,10 +13,9 @@
13 </div> 13 </div>
14 <div 14 <div
15 v-if="item.component_props.note" 15 v-if="item.component_props.note"
16 - style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-line;" 16 + v-html="item.component_props.note"
17 - > 17 + style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;"
18 - {{ item.component_props.note }} 18 + />
19 - </div>
20 <div> 19 <div>
21 <p 20 <p
22 v-for="(file, index) in fileList" 21 v-for="(file, index) in fileList"
......
...@@ -13,10 +13,9 @@ ...@@ -13,10 +13,9 @@
13 </div> 13 </div>
14 <div 14 <div
15 v-if="item.component_props.note" 15 v-if="item.component_props.note"
16 - style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-line;" 16 + v-html="item.component_props.note"
17 - > 17 + style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre;"
18 - {{ item.component_props.note }} 18 + />
19 - </div>
20 <div style="padding: 1rem"> 19 <div style="padding: 1rem">
21 <van-uploader 20 <van-uploader
22 :name="item.name" 21 :name="item.name"
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 11:34:19 2 * @Date: 2022-08-30 11:34:19
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-01-17 18:05:14 4 + * @LastEditTime: 2023-01-18 16:14:00
5 * @FilePath: /data-table/src/components/RadioField/index.vue 5 * @FilePath: /data-table/src/components/RadioField/index.vue
6 * @Description: 单项选择控件 6 * @Description: 单项选择控件
7 --> 7 -->
...@@ -11,9 +11,7 @@ ...@@ -11,9 +11,7 @@
11 {{ item.component_props.label 11 {{ item.component_props.label
12 }}<span v-if="item.component_props.required">&nbsp;*</span> 12 }}<span v-if="item.component_props.required">&nbsp;*</span>
13 </div> 13 </div>
14 - <div v-if="item.component_props.note" class="note"> 14 + <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />
15 - {{ item.component_props.note }}
16 - </div>
17 <van-field :name="item.key" :rules="item.rules"> 15 <van-field :name="item.key" :rules="item.rules">
18 <template #input> 16 <template #input>
19 <van-radio-group 17 <van-radio-group
...@@ -79,7 +77,7 @@ const onChange = (item) => { ...@@ -79,7 +77,7 @@ const onChange = (item) => {
79 margin-left: 1rem; 77 margin-left: 1rem;
80 color: gray; 78 color: gray;
81 padding-bottom: 0.5rem; 79 padding-bottom: 0.5rem;
82 - white-space: pre-line; 80 + white-space: pre;
83 } 81 }
84 } 82 }
85 83
......
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-01-17 17:22:59 4 + * @LastEditTime: 2023-01-18 16:12:51
5 * @FilePath: /data-table/src/views/index.vue 5 * @FilePath: /data-table/src/views/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -28,9 +28,9 @@ ...@@ -28,9 +28,9 @@
28 /></van-swipe-item> 28 /></van-swipe-item>
29 </van-swipe> 29 </van-swipe>
30 </template> 30 </template>
31 - <div v-if="PHeader.type === 'text'" style="padding: 1rem; font-weight: bold; white-space:pre-line;">{{ PHeader.banner }}</div> 31 + <div v-if="PHeader.type === 'text'" style="padding: 1rem; font-weight: bold; white-space:pre;" v-html="PHeader.banner" />
32 </template> 32 </template>
33 - <div v-if="PHeader.label" class="table-title">{{ PHeader.label }}</div> 33 + <div v-if="PHeader.label" class="table-title" v-html="PHeader.label" />
34 <div v-if="PHeader.description" class="table-desc" v-html="PHeader.description" /> 34 <div v-if="PHeader.description" class="table-desc" v-html="PHeader.description" />
35 <van-config-provider :theme-vars="themeVars"> 35 <van-config-provider :theme-vars="themeVars">
36 <van-form @submit="onSubmit" scroll-to-error="true"> 36 <van-form @submit="onSubmit" scroll-to-error="true">
...@@ -400,12 +400,13 @@ const onSubmit = async (values) => { ...@@ -400,12 +400,13 @@ const onSubmit = async (values) => {
400 padding: 1rem; 400 padding: 1rem;
401 font-size: 1.15rem; 401 font-size: 1.15rem;
402 text-align: center; 402 text-align: center;
403 + white-space: pre;
403 } 404 }
404 .table-desc { 405 .table-desc {
405 padding: 0rem 1rem; 406 padding: 0rem 1rem;
406 color: #666; 407 color: #666;
407 font-size: 0.9rem; 408 font-size: 0.9rem;
408 - white-space: pre-line; 409 + white-space: pre;
409 } 410 }
410 .table-box { 411 .table-box {
411 background-color: #ffffff; 412 background-color: #ffffff;
......