vue el-descriptions 样式问题

设置label固定长度使用这个

label-class-name="my-label"

.my-label {width: 145px;
}

设置显示数据长度使用这个

content-class-name="my-con"

.my-con {width: 500px;
}

给label设置固定颜色，或者判断某个使用单独样式

:label-class-name="index == 1 ? 'my-label' : ''"

.my-label {background: #ecf6fe !important;
}

vue el-descriptions 样式问题相关推荐

五十九、Vue中的样式绑定
@Author:Runsen @Date:2020/10/16 大四是一个焦虑的时期.烦恼有时候是具体问题带来的压力,有时候却是无端的.莫名其妙的,有时候还极易受到外界的影响,别人一句话就会激起内心难 ...
Vue 中英文组件样式写法
Vue 中英文组件样式写法 Vue 项目国际化样式处理一.全局(main.js)添加自定义指令: v-lang 会自动添加语言对应的 class [中:zh,英:en] Vue.direct ...
Vue绑定Class样式
Vue绑定Class样式 vue有一个控制样式的小技巧,适用于单个或多个元素需要多种风格样式的切换. 我们可以先准备一个基本样式,以及之后需要切换的多种样式类型 <style>.basic ...
使用vue+el构建表格_如何使用Vue和VuePress构建文档系统
使用vue+el构建表格介绍 (Introduction) Good documentation is a critical part of a successful project, but a ...
vue跟layui样式整合！大坑
在你观看这篇文章前,我真的一点都不建议你layui的界面更vue.js混合使用. 如果你已经开始了,那当我没说过. 添加第三方js,css 常见的layui.all.js.vue.min.js.这些都 ...
23.Vue绑定style样式
目录 1.style样式对象写法 2.style样式数组写法 3.总结 22.Vue绑定class样式_爱米酱的博客-CSDN博客为了讲好class样式,我们这里提前准备了7个样式作为例子来讲解. b ...
vue的scoped 样式隔离，样式穿透，及细节
先说环境吧:vue 3.2.45,也试过vue 3.2.16 vue的scoped样式隔离原理: 在当前组件的.vue文件中,如果style标签加了scoped属性,那么在组件渲染为DOM时,会对每 ...
15 Vue中子组件样式的绑定和行内样式模版编写
[基础]模板样式绑定2-进阶场景子组件的样式绑定如何区分父子组件子组件使用样式的小坑行内样式的编写场景这篇文章继续学习Vue的模板样式绑定.上篇文章你已经对Vue中的样式绑定有一个基本了 ...
前端之vue的CSS样式
vue的CSS样式 vue项目的结构 Vue的三种样式化方法: 外部CSS文件样式向单个文件组件添加全局样式单个组件内部的样式相关名称: CSS预处理器(如SCSS)或后处理器(如PostCSS ...
Vue el和data的两种写法
1.5 el 与 data的两种写法 el 有两种写法 1.创建Vue实例对象的时候配置el属性 2.先创建Vue实例,随后再通过vm.$mount('#root')指定 el 的值 data 有两种 ...

vue el-descriptions 样式问题

vue el-descriptions 样式问题相关推荐

最新文章

热门文章