首页banner css

2024-10-11 14:31:51 +08:00
parent 5b36d282c4
commit b1a4952d61
1 changed files with 7 additions and 2 deletions
--- a/src/project/biaopin/AppHome/AppHome.vue
+++ b/src/project/biaopin/AppHome/AppHome.vue
@@ -376,13 +376,15 @@ export default {
  }

  .banner-flex {
-    display: flex;
-    justify-content: space-between;
+    // display: flex;
+    // justify-content: space-between;
    padding: 0 32px;
    .item-banner {
+      display: inline-block;
      width: calc(50% - 16px);
      height: 160px;
      position: relative;
+      margin-bottom: 16px;
      img {
        width: 100%;
        height: 100%;
@@ -404,6 +406,9 @@ export default {
        line-height: 32px;
      }
    }
+    .item-banner:nth-of-type(2n-1) {
+      margin-right: 32px;
+    }
    .color-3872BC {
      color: #3872BC;
    }