简柏林 / thingskit-front · Commits

Commit 0ffe4172177a0c60d88b6d88be405791d0785230

Authored by fengtao
1 parent 6bb9543d

perf: 优化卡片列表，新增Tooltip显示信息

Inline Side-by-side
Showing 2 changed files with 19 additions and 11 deletions
@@ -150,7 +150,9 @@ @@ -150,7 +150,9 @@
150 <template #cover> 150 <template #cover>
151 <div class="w-full h-full !flex flex-col justify-between m-3"> 151 <div class="w-full h-full !flex flex-col justify-between m-3">
152 <div class="!flex justify-between align-center text-center"> 152 <div class="!flex justify-between align-center text-center">
153 - <span class="truncate font-bold fill-dark-900 text-sm"> {{ item.name }} </span> 153 + <Tooltip :title="item.name">
  154 + <span class="truncate font-bold fill-dark-900 text-sm"> {{ item.name }} </span>
  155 + </Tooltip>
154 <div class="mr-6"> 156 <div class="mr-6">
155 <a-tag class="!flex items-center" :color="item.active ? '#E8FFEA' : '#FFECE8'"> 157 <a-tag class="!flex items-center" :color="item.active ? '#E8FFEA' : '#FFECE8'">
156 <template #icon> 158 <template #icon>
@@ -210,21 +212,27 @@ @@ -210,21 +212,27 @@
210 <div class="truncate h-17 !flex justify-between flex-col"> 212 <div class="truncate h-17 !flex justify-between flex-col">
211 <div class="truncate !flex"> 213 <div class="truncate !flex">
212 <span class="text-xs" style="color: #86909c">标签</span> 214 <span class="text-xs" style="color: #86909c">标签</span>
213 - <span class="truncate ml-7.5 text-xs" style="color: #00b42a">{{  
214 - item.label  
215 - }}</span> 215 + <Tooltip :title="item.label">
  216 + <span class="truncate ml-7.5 text-xs" style="color: #00b42a">{{
  217 + item.label
  218 + }}</span>
  219 + </Tooltip>
216 </div> 220 </div>
217 <div class="truncate !flex"> 221 <div class="truncate !flex">
218 <span class="text-xs" style="color: #86909c">边缘类型</span> 222 <span class="text-xs" style="color: #86909c">边缘类型</span>
219 - <span style="color: #4e5969" class="truncate ml-7.5 text-xs">{{  
220 - item.type  
221 - }}</span> 223 + <Tooltip :title="item.type">
  224 + <span style="color: #4e5969" class="truncate ml-7.5 text-xs">{{
  225 + item.type
  226 + }}</span>
  227 + </Tooltip>
222 </div> 228 </div>
223 <div class="truncate !flex"> 229 <div class="truncate !flex">
224 <span class="text-xs" style="color: #86909c">描述</span> 230 <span class="text-xs" style="color: #86909c">描述</span>
225 - <span style="color: #4e5969" class="truncate ml-7.5 text-xs">  
226 - {{ item?.additionalInfo?.description }}  
227 - </span> 231 + <Tooltip :title="item?.additionalInfo?.description">
  232 + <span style="color: #4e5969" class="truncate ml-7.5 text-xs">
  233 + {{ item?.additionalInfo?.description }}
  234 + </span>
  235 + </Tooltip>
228 </div> 236 </div>
229 </div> 237 </div>
230 </template> 238 </template>
@@ -67,7 +67,7 @@ export const formSchema: FormSchema[] = [ @@ -67,7 +67,7 @@ export const formSchema: FormSchema[] = [
67 { 67 {
68 field: FormFieldsEnum.DESCRIPTION, 68 field: FormFieldsEnum.DESCRIPTION,
69 label: FormFieldsNameEnum.DESCRIPTION, 69 label: FormFieldsNameEnum.DESCRIPTION,
70 - component: 'Input', 70 + component: 'InputTextArea',
71 componentProps: { 71 componentProps: {
72 maxLength: 255, 72 maxLength: 255,
73 placeholder: '请输入描述', 73 placeholder: '请输入描述',