el-descriptions中的label宽度修改不生效,设置宽度即可

最新推荐文章于 2026-06-17 00:18:14 发布

原创最新推荐文章于 2026-06-17 00:18:14 发布 · 2.5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #javascript

该文章已生成可运行项目，

<template>
  <div class="jcfxCradBox">


    <el-descriptions class="pipe-descriptions" :column="3" border>
      <el-descriptions-item :labelStyle='labelStyle' label="今日监测最高值/最低值">{{ maxVlaue
        + '/' + mixVlaue }}</el-descriptions-item>
    </el-descriptions>

    
  </div>

</template>

<script>



export default {
  name: "jcfxCrad",
  components: {},
  props: {
    cardData: null
  },
  data() {
    return {
     
      labelStyle: { 'width': '200px' },
    
    }
  },
  mounted() {
 

  },

}
</script>

<style lang="scss" scoped>
.jcfxCradBox {
  .pipe-descriptions {
    margin-bottom: 10px;
  }

  /deep/.el-descriptions {
    width: 434px !important;
  }

 

}
</style>

本文章已经生成可运行项目