/* templates/footer_parent/footer.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: 1000; } .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; font-weight:600; text-align: center; } .footer-item-image { width: 51rpx; height: 38rpx; display: inline-block } .footer-item-image-active { width: 51rpx; height: 38rpx; } .footer-item-image-large { width: 74rpx; height: 74rpx; } .footer-item-text { font-size: 22rpx; color: #7C819D; } .footer-item-text-active { color: #FF6465; } .footer-item-specific-text-active { color: #fff; }