feat:移植工程

src/styles/home/food.module.scss

@@ -0,0 +1,39 @@
+.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;
+    }
+  }
+}