Sfoglia il codice sorgente

底部导航栏样式

xiaomei 4 mesi fa
parent
commit
98d596be17

BIN
src/assets/images/tabbar/community.png


BIN
src/assets/images/tabbar/community_1.png


BIN
src/assets/images/tabbar/home.png


BIN
src/assets/images/tabbar/home_1.png


BIN
src/assets/images/tabbar/mine.png


BIN
src/assets/images/tabbar/mine_1.png


BIN
src/assets/images/tabbar/shichang.png


BIN
src/assets/images/tabbar/shichang_1.png


BIN
src/assets/images/tabbar/storage.png


BIN
src/assets/images/tabbar/storage_1.png


+ 8 - 7
src/components/BottomNavigation.vue

@@ -141,7 +141,7 @@ export default {
   display: flex;
   justify-content: space-evenly;
   width: 100%;
-  height: 60px;
+  height: 65px;
   background: #ffffff;
   padding: 4px 0;
   // border-radius: 30px;
@@ -157,20 +157,21 @@ export default {
     justify-content: center;
     border-radius: 60px;
     span {
-      font-size: 12px;
+      font-size: 13px;
       font-family: Source Han Sans CN-Bold, Source Han Sans CN;
       // font-weight: 600;
-      color: #bebebe;
+      // color: #bebebe;
+      color: #000000;
       transform: scale(0.9, 0.9);
     }
     .li_img {
-      width: 24px;
-      height: 24px;
+      width: 26px;
+      height: 26px;
       margin-bottom: 3px;
     }
     .bright {
-      width: 24px;
-      height: 24px;
+      width: 26px;
+      height: 26px;
     }
     .active {
       color: #29b386;