vue3.0 Layput布局，基于断点的隐藏类

类名：

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 尺寸时隐藏

script 引入：

import 'element-plus/lib/theme-chalk/display.css'

template：

<el-row :gutter="30">
    <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" class="hidden-md-and-up">
　　　　　　XXXXXXXXX
　　 </el-col>
    <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" class="hidden-md-and-down">
　　　　　　XXXXXXXXX
　　 </el-col>
</el-row>