Browse Source

移动端适配

gcz 6 days ago
parent
commit
e67c8b52ae
1 changed files with 5 additions and 3 deletions
  1. 5 3
      src/pages/cases/Index.vue

+ 5 - 3
src/pages/cases/Index.vue

@@ -633,7 +633,7 @@ export default {
 
   // 响应式设计
   @media (max-width: 768px) {
-    padding: 60px 0;
+    padding: 60px 0 24px;
 
     .title-section {
       .main-title {
@@ -762,9 +762,10 @@ export default {
 
   // 响应式设计
   @media (max-width: 768px) {
-    padding: 60px 0;
+    padding: 24px 0;
 
     .title-section {
+      margin-bottom: 25px;
       .main-title {
         font-size: 32px;
       }
@@ -773,9 +774,10 @@ export default {
     .cases-list {
       grid-template-columns: 1fr;
       gap: 20px;
+      padding: 0 40px;
 
       .case-item {
-        padding: 12px 0;
+        padding: 0;
         margin-bottom: 10px;
 
         &:hover {