更改标签栏高度时出现问题

.tab-bar {
  height: 50px; /* 您可以根据需要更改高度 */
}

document.querySelector('.tab-bar').style.height = '50px'; /* 您可以根据需要更改高度 */

<div className="tab-bar" style={{ height: '50px' }}> /* 您可以根据需要更改高度 */
  {/* 标签栏内容 */}
</div>

.tab-bar {
  height: 50px; /* 默认高度 */
}

@media (max-width: 768px) {
  .tab-bar {
    height: 40px; /* 在窄屏幕上的高度 */
  }
}