feat:增加vant预览图片组件

This commit is contained in:
2026-02-12 19:23:57 +08:00
parent 8940b3972a
commit 2fbae7f80f
7 changed files with 21 additions and 164 deletions

View File

@@ -4,17 +4,10 @@
gap: 10px;
.food-list {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
//align-items: center;
gap: 1vh;
.list {
display: flex;
flex-direction: column;
gap: 10px;
}
gap: 10px;
}
}

View File

@@ -1,39 +0,0 @@
.food-view {
.food-list {
background-color: #F5F5F5;
flex-grow: 1;
overflow: auto;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
//align-items: center;
gap: 1vh;
padding: 10px;
.list {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 2vw;
row-gap: 2vh;
}
@media (min-width: 1280px) and (max-width: 1500px) {
.list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1280px) {
.list {
grid-template-columns: repeat(1, 1fr);
}
}
.el-pagination {
align-self: center;
}
}
}