Commit 0ffe4172177a0c60d88b6d88be405791d0785230

Authored by fengtao
1 parent 6bb9543d

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

... ... @@ -150,7 +150,9 @@
150 150 <template #cover>
151 151 <div class="w-full h-full !flex flex-col justify-between m-3">
152 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 156 <div class="mr-6">
155 157 <a-tag class="!flex items-center" :color="item.active ? '#E8FFEA' : '#FFECE8'">
156 158 <template #icon>
... ... @@ -210,21 +212,27 @@
210 212 <div class="truncate h-17 !flex justify-between flex-col">
211 213 <div class="truncate !flex">
212 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 220 </div>
217 221 <div class="truncate !flex">
218 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 228 </div>
223 229 <div class="truncate !flex">
224 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 236 </div>
229 237 </div>
230 238 </template>
... ...
... ... @@ -67,7 +67,7 @@ export const formSchema: FormSchema[] = [
67 67 {
68 68 field: FormFieldsEnum.DESCRIPTION,
69 69 label: FormFieldsNameEnum.DESCRIPTION,
70   - component: 'Input',
  70 + component: 'InputTextArea',
71 71 componentProps: {
72 72 maxLength: 255,
73 73 placeholder: '请输入描述',
... ...