.home {
    &-tabbar {
        background: var(--tabbar-background) !important;
        margin-top: auto;

        .g-icon {
            color: var(--tabbar-icon);

            &.active {
                color: var(--tabbar-icon-active);

                // 图标动画
                &:before,
                img {
                    animation: icon-scale 300ms;
                }
            }

            &--mall {
                &:before {
                    content: var(--icon-mall);
                }

                &.active:before {
                    content: var(--icon-mall-filled);
                }
            }

            &--cart {
                &:before {
                    content: var(--icon-cart);
                }

                &.active:before {
                    content: var(--icon-cart-filled);
                }
            }

            &--mine {
                &:before {
                    content: var(--icon-mine);
                }

                &.active:before {
                    content: var(--icon-mine-filled);
                }
            }
        }
    }
}