离子2：使离子列表项更小

2 回答

• 6

  我发现这个问题的主要问题是在本地离子的app.ios.css文件中，分配给 ion-item 元素的 .item 类获得了分配给4.4 rem的 min-height . 我'm not sure where that value came from or why it' s 4.4 . 所以，在我的.scss文件列表中，我刚刚添加：

  .item {
      min-height: 3rem; /* <- this can be whatever you need */
  }
  

  这使得我对边缘进行的任何更改（我最终将边距更改为0 8px 0 0）内部元素实际上改变了列表项的高度，因为它们没有碰到最小高度设置 . 请参阅其他答案，了解更改保证金的位置 .

  在不改变列表项的最小高度的情况下，对内部元素边距的任何更改都没有做任何事情（至少对我而言） .

  回复于 2024-05-01T20:26:38+08:00
• 3

  更改 <ion-label> 上的上下填充 . 默认是这样的：

  ion-label {
    margin: 13px 8px 13px 0;
  }
  

  回复于 2024-05-01T20:26:38+08:00