fix: style lint

This commit is contained in:
xingyu
2023-06-21 19:26:14 +08:00
parent 64dbcdabe0
commit d639401646
9 changed files with 43 additions and 16 deletions

View File

@ -229,7 +229,7 @@ onMounted(async () => {
})
</script>
<style lang="scss" scoped>
@media (min-width: 992px) and (max-width: 1300px) {
@media (width >= 992px) and (width <= 1300px) {
.waterfall {
column-count: 3;
}
@ -239,7 +239,7 @@ onMounted(async () => {
}
}
@media (min-width: 768px) and (max-width: 991px) {
@media (width >= 768px) and (width <= 991px) {
.waterfall {
column-count: 2;
}
@ -249,7 +249,7 @@ onMounted(async () => {
}
}
@media (max-width: 767px) {
@media (width <= 767px) {
.waterfall {
column-count: 1;
}

View File

@ -67,19 +67,19 @@ const emit = defineEmits<{
}
}
@media (min-width: 992px) and (max-width: 1300px) {
@media (width >= 992px) and (width <= 1300px) {
.waterfall {
column-count: 3;
}
}
@media (min-width: 768px) and (max-width: 991px) {
@media (width >= 768px) and (width <= 991px) {
.waterfall {
column-count: 2;
}
}
@media (max-width: 767px) {
@media (width <= 767px) {
.waterfall {
column-count: 1;
}

View File

@ -31,7 +31,7 @@ const emit = defineEmits<{
</script>
<style lang="scss" scoped>
@media (min-width: 992px) and (max-width: 1300px) {
@media (width >= 992px) and (width <= 1300px) {
.waterfall {
column-count: 3;
}
@ -41,7 +41,7 @@ const emit = defineEmits<{
}
}
@media (min-width: 768px) and (max-width: 991px) {
@media (width >= 768px) and (width <= 991px) {
.waterfall {
column-count: 2;
}
@ -51,7 +51,7 @@ const emit = defineEmits<{
}
}
@media (max-width: 767px) {
@media (width <= 767px) {
.waterfall {
column-count: 1;
}