antd组件描述尺寸，定制化

CDwenhuohuo

已于 2024-06-26 19:22:02 修改

阅读量231

点赞数 1

文章标签：前端 javascript html

于 2024-06-26 19:15:35 首次发布

本文链接：https://blog.csdn.net/2302_76925238/article/details/139996652

版权

 <a-descriptions
        :column="3"
        :title="项目信息"
        class="pl-5 pr-5"
        bordered
        :labelStyle="{
          background: '#f3f9fd',
          color: '#0c466b',
          fontSize: '18.56px',
          fontWeight: '600',
        }"
        :contentStyle="{
          fontSize: '16.56px',
          fontWeight: '400',
          color: '#555c6a',
        }"
      >
        <template #title>
          <div
            style="
              padding: 15px;
              background-color: #f3f9fd;
              color: #0c466b;
              font-weight: 600;
              text-align: center;
            "
          >
            项目信息
          </div>
        </template>

不写行内的话可以v-deep

  ::v-deep .ant-descriptions-title {
    margin-bottom: -20px;
    padding: 15px;
    background-color: #f3f9fd;
    color: #0c466b;
    font-weight: 600;
    text-align: center;
  }