首先在main.js里面引用css文件
下面是全局引用 如需要局部引用则只需要在用到的vue文件里面的script部分引用即可
import "element-ui/lib/theme-chalk/display.css";
然后在使用的时候直接在元素上添加class 什么地方要用就在什么地方添加
内置的有如下
参数(类名) | 说明(作用) |
---|---|
hidden-xs-only | 当视口在 xs 尺寸时隐藏 |
hidden-sm-only | 当视口在 sm 尺寸时隐藏 |
hidden-sm-and-down | 当视口在 sm 及以下尺寸时隐藏 |
hidden-sm-and-up | 当视口在 sm 及以上尺寸时隐藏 |
hidden-md-only | 当视口在 md 尺寸时隐藏 |
hidden-md-and-down | 当视口在 md 及以下尺寸时隐藏 |
hidden-md-and-up | 当视口在 md 及以上尺寸时隐藏 |
hidden-lg-only | 当视口在 lg 尺寸时隐藏 |
hidden-lg-and-down | 当视口在 lg 及以下尺寸时隐藏 |
hidden-lg-and-up | 当视口在 lg 及以上尺寸时隐藏 |
hidden-xl-only | 当视口在 xl 尺寸时隐藏 |