37 lines
584 B
SCSS
37 lines
584 B
SCSS
// scss 全局变量
|
|
|
|
// 响应式布局
|
|
@mixin changeWidth($maxWidth: 1200px) {
|
|
.container {
|
|
max-width: $maxWidth;
|
|
}
|
|
}
|
|
|
|
// 首次调用
|
|
@include changeWidth;
|
|
|
|
/* 小于1380px时 */
|
|
@media (max-width: 1380px) {
|
|
.el-radio-group {
|
|
justify-content: center !important;
|
|
}
|
|
}
|
|
|
|
/* 小于1280px时 */
|
|
@media (max-width: 1280px) {
|
|
@include changeWidth($maxWidth: 1100px);
|
|
}
|
|
|
|
/* 小于992px时 */
|
|
@media (max-width: 992px) {
|
|
@include changeWidth($maxWidth: 900px);
|
|
}
|
|
|
|
/* 小于720px时 */
|
|
@media (max-width: 720px) {
|
|
// 隐藏元素
|
|
.xs-hidden {
|
|
display: none;
|
|
}
|
|
}
|