首先在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 尺寸时隐藏
Last modification:November 17, 2022
反正也没人会打赏