elementi-ui解释列表组件中的宽度设置和文字样式设置

最新推荐文章于 2024-05-01 22:13:13 发布

hat-ing

最新推荐文章于 2024-05-01 22:13:13 发布

阅读量1.7k

点赞数 1

文章标签： ui 前端 java vue.js

本文链接：https://blog.csdn.net/ating_ing/article/details/133984820

版权

1、在el-descriptions中添加下面相关代码

 <el-descriptions
     :contentStyle="CS"
     :label-style="LS"
     direction="vertical"
     :column="4"
     border >
   <el-descriptions-item label="xxx">{{
       cuscasesDetail[0].name
       }}</el-descriptions-item>
  </el-descriptions>

2、在data的return中写入相关数据

  CS: {
        'text-align': 'center', //文本居中
        width: '25%',
        'word-break': 'break-all' //过长时自动换行
      },
      LS: {
      //  color: '#000',文字的颜色
        'text-align': 'center',
        height: '40px'
      },