Browse Source

项目首页自适应

YaolongHan 4 years ago
parent
commit
6b4c31acc3
2 changed files with 6 additions and 1 deletions
  1. 5 0
      src/components/menuList.vue
  2. 1 1
      src/views/homepage/darkColor.vue

+ 5 - 0
src/components/menuList.vue

@@ -393,6 +393,7 @@ export default {
       margin: 0 8px;
       cursor: pointer;
       transition: all 0.2s;
+      flex: 1;
     }
     .is-active {
       color: #025baa;
@@ -406,7 +407,10 @@ export default {
     }
   }
   .btnlist-style {
+
     flex: 1;
+    display: flex;
+    align-content: center;
     & > div {
       line-height: 48px;
       text-align: center;
@@ -468,6 +472,7 @@ export default {
 }
 .menu-style {
   background: #0c102c;
+  display: flex;
 }
 .checkkout {
   display: flex;

+ 1 - 1
src/views/homepage/darkColor.vue

@@ -942,7 +942,7 @@ export default {
       box-sizing: border-box;
       .box {
         width: 100%;
-        height: ~"calc((100% - 16px) / 3)";
+        height: ~"calc((100% - 20px) / 3)";
         background: radial-gradient(#20284f 20%, transparent 20%) 0 0;
         background-color: transparent;
         background-size: 8px 8px;