邹能昇 3 сар өмнө
parent
commit
6f00a2e4fb

+ 3 - 2
nova-tourism/pages/index/index.less

@@ -1,10 +1,11 @@
 van-tabbar-item{
   // background-color: #B1181B;
   position: relative;
+  height: 98rpx;
   view{
     font-size: 20rpx;
     text-align: center;
-    margin-top: 3rpx;
+    margin-top: -6rpx;
   }
   .active{
     position: absolute;
@@ -12,4 +13,4 @@ van-tabbar-item{
     left: 50%;
     transform:translate(-50%,-50%)
   }
-}
+}

+ 4 - 4
nova-tourism/pages/index/index.wxml

@@ -21,11 +21,11 @@
 </template>
 <!-- 底部导航 -->
 <van-tabbar
- class="custom-tabbar" active="{{ active }}" bind:change="onChange" active-color="{{tabbarList.activeColor || '#000000'}}" inactive-color="{{tabbarList.inactiveColor || '#999'}}" z-index="99">
+custom-class="custom-tabbar" active="{{ active }}" bind:change="onChange" active-color="{{tabbarList.activeColor || '#000000'}}" inactive-color="{{tabbarList.inactiveColor || '#999'}}" z-index="99" >
 	<block wx:for="{{tabbarList.list}}" wx:key="index">
-		<van-tabbar-item wx:if="{{item.open}}" name="{{index}}" style="height: 108rpx;">
-			<image slot="icon" src="{{ item.iconPath }}" mode="aspectFit" style="width:56rpx;height:56rpx;" />
-			<image  slot="icon-active" src="{{ item.selectedIconPath }}" mode="aspectFit" style="width:56rpx;height:56rpx;" />
+		<van-tabbar-item wx:if="{{item.open}}" name="{{index}}" >
+			<image slot="icon" src="{{ item.iconPath }}" mode="aspectFit" style="width:54rpx;height:54rpx;margin-top: 2rpx;" />
+			<image  slot="icon-active" src="{{ item.selectedIconPath }}" mode="aspectFit" style="width:54rpx;height:54rpx;" />
 			{{item.text}}
 		</van-tabbar-item>
 	</block>

+ 1 - 1
nova-tourism/pages/index/index.wxss

@@ -1 +1 @@
-van-tabbar-item{position:relative}van-tabbar-item view{font-size:20rpx;text-align:center;margin-top:3rpx}van-tabbar-item .active{position:absolute;top:-20rpx;left:50%;transform:translate(-50%, -50%)}
+van-tabbar-item{position:relative;height:98rpx}van-tabbar-item view{font-size:20rpx;text-align:center;margin-top:-6rpx}van-tabbar-item .active{position:absolute;top:-20rpx;left:50%;transform:translate(-50%, -50%)}