case show bug

src/components/Card.vue

@@ -46,9 +46,9 @@ const toDetail = (productId, classify) => {
 <style lang="scss" scoped>
 .line_cards {
   display: grid;
-  grid-template-columns: repeat(1, 1fr);
+  // grid-template-columns: repeat(1, 1fr);
   // grid-template-rows: repeat(10, 1fr);
-  column-gap: 7px;
+  // column-gap: 7px;
   padding: 0 7px;
   box-sizing: border-box;
   row-gap: 7px;

src/pages/CaseShow.vue

@@ -91,12 +91,13 @@ onMounted(() => {
   overflow: hidden;
   .line_cards {
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: repeat(2, 1fr);
+    // grid-template-columns: repeat(2, 1fr);
+    // grid-template-rows: repeat(2, 1fr);
     column-gap: 7px;
     padding: 0 7px;
     box-sizing: border-box;
     row-gap: 7px;
+    padding-bottom: 16px;
     .card {
       height: 132px;
       background: #ffffff;