/* templates/footer_master/footer_master.wxss */ .footer-container { position: fixed; bottom: 0; left: 0; width: 100%; height: 98rpx; background: #FFFFFF; box-shadow: 0 0 8rpx 0 rgba(0,0,0,0.1); z-index: 99; } .footer-wrapper { width: 100%; margin: 0; } .footer-items { display: flex; justify-content: space-around; align-items: center; text-align: center; margin: 0; } .footer-item { padding: 10rpx 22rpx 6rpx 22rpx; position: relative; } .footer-item-image { width: 48rpx; height: 48rpx; } .footer-item-image-active { width: 48rpx; height: 48rpx; } .footer-item-image-large { width: 74rpx; height: 74rpx; } .footer-item-text { font-size: 22rpx; color: #ccc; } .footer-item-text-active { color: #4BC492; } .footer-item-specific-text-active { color: #fff; }