|
...
|
...
|
@@ -6,11 +6,10 @@ |
|
|
|
box-shadow:0rpx 0rpx 8rpx 0rpx rgba(224,224,224,1);
|
|
|
|
width:100%;
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
z-index: 9;
|
|
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 8rpx 0;
|
|
|
|
bottom: calc(0rpx + calc(env(safe-area-inset-bottom) mod 5));
|
|
|
|
|
|
|
|
}
|
|
|
|
.tabBar .text{
|
|
|
|
height:32rpx;
|
|
...
|
...
|
@@ -26,6 +25,10 @@ |
|
|
|
.tabBar .item{
|
|
|
|
width: 33%;
|
|
|
|
min-width: 20%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.tabBar .item-view{
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.dot{
|
|
|
|
position: absolute;
|
|
...
|
...
|
@@ -51,6 +54,8 @@ |
|
|
|
width: 46rpx;
|
|
|
|
height: 46rpx;
|
|
|
|
background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon1.png");
|
|
|
|
margin-top: 8rpx;
|
|
|
|
margin-bottom: 4rpx;
|
|
|
|
}
|
|
|
|
.tabBar .checked .tabicon1{
|
|
|
|
background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon1.active.png");
|
|
...
|
...
|
@@ -60,6 +65,8 @@ |
|
|
|
width:40rpx;
|
|
|
|
height:38rpx;
|
|
|
|
background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon2.png");
|
|
|
|
margin-top: 14rpx;
|
|
|
|
margin-bottom: 6rpx;
|
|
|
|
}
|
|
|
|
.tabBar .checked .tabicon2{
|
|
|
|
background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon2.active.png");
|
|
...
|
...
|
@@ -69,6 +76,8 @@ |
|
|
|
width:44rpx;
|
|
|
|
height:40rpx;
|
|
|
|
background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon3.png");
|
|
|
|
margin-top: 12rpx;
|
|
|
|
margin-bottom: 6rpx;
|
|
|
|
}
|
|
|
|
.tabBar .checked .tabicon3{
|
|
|
|
background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon3.active.png");
|
|
...
|
...
|
@@ -78,6 +87,8 @@ |
|
|
|
width:40rpx;
|
|
|
|
height:40rpx;
|
|
|
|
background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon4.png");
|
|
|
|
margin-top: 12rpx;
|
|
|
|
margin-bottom: 6rpx;
|
|
|
|
}
|
|
|
|
.tabBar .checked .tabicon4{
|
|
|
|
background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon4.active.png");
|
...
|
...
|
|