Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
60a0bcfe 1 parent f617d4d8

✨ feat(页眉，单选，多选，文件上传，图片上传模块): 新增描述多行文字换行功能

Inline Side-by-side
Showing 5 changed files with 13 additions and 10 deletions
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: 2022-12-29 11:34:14 4 + * @LastEditTime: 2023-01-17 16:44:05
5 * @FilePath: /data-table/src/components/CheckboxField/index.vue 5 * @FilePath: /data-table/src/components/CheckboxField/index.vue
6 * @Description: 多项选择控件 6 * @Description: 多项选择控件
7 --> 7 -->
...@@ -72,7 +72,8 @@ const HideShow = computed(() => { ...@@ -72,7 +72,8 @@ const HideShow = computed(() => {
72 font-size: 0.9rem; 72 font-size: 0.9rem;
73 margin-left: 1rem; 73 margin-left: 1rem;
74 color: gray; 74 color: gray;
75 - padding-bottom: 0.5rem 75 + padding-bottom: 0.5rem;
76 + white-space: pre-line;
76 } 77 }
77 } 78 }
78 79
......
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: 2022-12-30 16:53:12 4 + * @LastEditTime: 2023-01-17 16:44:20
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,7 +13,7 @@ ...@@ -13,7 +13,7 @@
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;" 16 + style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-line;"
17 > 17 >
18 {{ item.component_props.note }} 18 {{ item.component_props.note }}
19 </div> 19 </div>
......
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: 2022-12-30 10:31:02 4 + * @LastEditTime: 2023-01-17 16:44:32
5 * @FilePath: /data-table/src/components/ImageUploaderField/index.vue 5 * @FilePath: /data-table/src/components/ImageUploaderField/index.vue
6 * @Description: 图片上传控件 6 * @Description: 图片上传控件
7 --> 7 -->
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
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;" 16 + style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-line;"
17 > 17 >
18 {{ item.component_props.note }} 18 {{ item.component_props.note }}
19 </div> 19 </div>
......
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: 2022-12-29 11:14:20 4 + * @LastEditTime: 2023-01-17 16:43:33
5 * @FilePath: /data-table/src/components/RadioField/index.vue 5 * @FilePath: /data-table/src/components/RadioField/index.vue
6 * @Description: 单项选择控件 6 * @Description: 单项选择控件
7 --> 7 -->
...@@ -67,7 +67,8 @@ const HideShow = computed(() => { ...@@ -67,7 +67,8 @@ const HideShow = computed(() => {
67 font-size: 0.9rem; 67 font-size: 0.9rem;
68 margin-left: 1rem; 68 margin-left: 1rem;
69 color: gray; 69 color: gray;
70 - padding-bottom: 0.5rem 70 + padding-bottom: 0.5rem;
71 + white-space: pre-line;
71 } 72 }
72 } 73 }
73 74
......
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 15:52:03 4 + * @LastEditTime: 2023-01-17 16:41:38
5 * @FilePath: /data-table/src/views/index.vue 5 * @FilePath: /data-table/src/views/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
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;">{{ PHeader.banner }}</div> 31 + <div v-if="PHeader.type === 'text'" style="padding: 1rem; font-weight: bold; white-space:pre-line;">{{ PHeader.banner }}</div>
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">{{ PHeader.label }}</div>
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" />
...@@ -402,6 +402,7 @@ const onSubmit = async (values) => { ...@@ -402,6 +402,7 @@ const onSubmit = async (values) => {
402 padding: 0rem 1rem; 402 padding: 0rem 1rem;
403 color: #666; 403 color: #666;
404 font-size: 0.9rem; 404 font-size: 0.9rem;
405 + white-space: pre-line;
405 } 406 }
406 .table-box { 407 .table-box {
407 background-color: #ffffff; 408 background-color: #ffffff;
......