关于Element UI中页面样式小问题

Posted MrQuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于Element UI中页面样式小问题相关的知识,希望对你有一定的参考价值。

一,修改组件dialog窗口的大小

二,在我使用upload组件上传一张美女图片时,发现当预览图片时,图片是灰色的,点击一下才会变亮,这种效果使我很不舒服,于是我通过添加下面的一条样式,问题解决了(可能由于大家的基本css样式不一样,该样式可能不适用你们)

三:使用element ui中的table组件时,如果想改变列值的文字颜色,可以使用下图样式

四:使用tree组件时,实现点击不同的子节点实现不同的响应事件。首先要在tree标签中声明@node-click方法,然后在data(vue.js中的data集)中为每一个节点添加type属性,最后在methods中实现node-click方法,通过判断type值的不同从而实现不同的动作。

@handle-click方法中会有三个参数,通过node.data.type获得对应的值然后进行判断。

 

以上是关于关于Element UI中页面样式小问题的主要内容,如果未能解决你的问题,请参考以下文章

关于element-ui的样式覆盖问题

element_ui的datePicker修改样式

项目中如何修改element-ui的默认样式 (去除scoped,样式穿透 >>> , less/sass : /deep/)

vue打包后element-ui部分样式(图标)异常问题

scss/less修改vant/element ui的默认样式方法

页面样式错误,刷新又恢复问题处理