hookehuyr

✨ feat(标签控件): 可以隐藏标签标题

1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-01-05 10:07:18 4 + * @LastEditTime: 2023-03-08 15:28:33
5 * @FilePath: /data-table/src/components/NoteField/index.vue 5 * @FilePath: /data-table/src/components/NoteField/index.vue
6 * @Description: 富文本组件 6 * @Description: 富文本组件
7 --> 7 -->
8 <template> 8 <template>
9 <div v-if="HideShow" class="note-field-page"> 9 <div v-if="HideShow" class="note-field-page">
10 <div class="label"> 10 <div class="label">
11 - <span v-if="item.component_props.required">&nbsp;*</span> 11 + <span v-if="item.component_props.required" class="required">&nbsp;*</span>
12 - {{ item.component_props.label }} 12 + <span v-if="!item.component_props.hide_label">{{ item.component_props.label }}</span>
13 </div> 13 </div>
14 <div class="html" style="padding: 0.5rem 1rem 0 1rem;" v-html="item.component_props.note"></div> 14 <div class="html" style="padding: 0.5rem 1rem 0 1rem;" v-html="item.component_props.note"></div>
15 </div> 15 </div>
...@@ -32,7 +32,7 @@ const HideShow = computed(() => { ...@@ -32,7 +32,7 @@ const HideShow = computed(() => {
32 font-size: 0.9rem; 32 font-size: 0.9rem;
33 font-weight: bold; 33 font-weight: bold;
34 34
35 - span { 35 + span.required {
36 color: red; 36 color: red;
37 } 37 }
38 } 38 }
......