| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- .app-tabbar {
- height : 1rem;
- background-color: #fff;
- &__wrapper {
- bottom : 0;
- display : flex;
- width : 100%;
- height : ~"calc(1rem - 1px)";
- border-top: 1px solid #eee;
- box-sizing: content-box;
- }
- &__item {
- flex : 1;
- display : flex;
- flex-direction : column;
- justify-content: center;
- align-items : center;
- height : inherit;
- cursor : pointer;
- [class^='g-icon'] {
- display : flex;
- flex-direction : column;
- justify-content: center;
- align-items : center;
- img {
- width : .44rem;
- height : .44rem;
- object-fit: contain;
- }
- span {
- font-size : .24rem;
- margin-top: .05rem;
- }
- &:before {
- width : .44rem;
- height : .44rem;
- font-size: .44rem;
- }
- }
- }
- }
|