README/tab2.page.scss

.parent {
    display: flex;
    margin-left: 300px;
    justify-content: center; /* 水平居中 */
}

.child {
    flex: 1; /* 平均分配空间 */
    margin: 0 10px; /* 设置水平间距 */
}
  .top-section2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  
    .left2{
        display: flex;
        margin-left:500px; 
    }
    .right2
    {
        display: flex;
        margin-right:500px; 
    }
    .left2, .middle2, .right2 {
      display: flex;
      flex-direction: column;
      align-items: center;
  
      ion-button {
        width: 100%;
        margin-bottom: 10px;
      }
  
      img {
        width: 50px; /* 自行调整图片大小 */
        height: 50px; /* 自行调整图片大小 */
        margin-bottom: 5px;
      }
  
      p {
        font-size: 14px;
      }
    }
  }

  .content-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
  
    ion-content {
      flex: 1;
      width: 100%;
    }
  }
 
  
  .duiwu {
    
    display: flex;
    margin-left: 300px;
    margin-top: 20px;
    justify-content: space-between;
    align-items: center;
    width: 800px;
    height:80px;
  
    .left, .center, .right {
      display: flex;
      align-items: center;
    }
  
    ion-icon {
      margin-right: 5px;
      size: 30px;
    }
  }
  ion-content {
    --background: url('assets/img/a.png') no-repeat center center / cover;
  }