ant-design的描述列表description组件中给label添加自定义样式(必填样式)

最新推荐文章于 2025-03-24 15:58:05 发布

momo_nono_nomo

最新推荐文章于 2025-03-24 15:58:05 发布

阅读量7.6k

点赞数 5

分类专栏： # vue项目踩坑文章标签： html vue.js 前端

本文链接：https://blog.csdn.net/weixin_55846296/article/details/120309291

版权

vue项目踩坑专栏收录该内容

20 篇文章

订阅专栏

本文展示了如何使用 Vue 模板语法在 a-descriptions-item 组件中添加自定义样式，以实现案件名称后添加醒目的星号标记，从而提升页面视觉效果。通过这种方式，可以轻松定制标签样式，让内容更加突出且易于识别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改前:

<a-descriptions-item  label="案件名称">
   {{ this.mdl.caseName }}
</a-descriptions-item>

对应效果:
在这里插入图片描述
给label添加自定义样式, 修改后:

 <a-descriptions-item >
   <template v-slot:label>
       <span>
          案件名称
          <span style="margin: 0 8px;font-size: 16px;color: #fc5531;vertical-align: -3px;line-height: 1;">	*</span>
       </span>
   </template>
</a-descriptions-item>