web3-202226701052/src/app/health-news/health-news.page.scss

ion-list {
    margin-top: 20px;
  }
  
  ion-item {
    --background: #f9f9f9;
    --border-color: #ddd;
    --padding-start: 16px;
    --inner-padding-end: 16px;
    --min-height: 80px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
  }
  
  ion-item ion-label h2 {
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 1.2em;
    color: #333;
  }
  
  ion-item ion-label p {
    font-size: 0.9em;
    color: #666;
  }
  
  ion-icon {
    font-size: 24px;
    margin-right: 16px;
    color: #007aff;
  }
  
  ion-card-content div {
    white-space: pre-wrap; /* 确保换行符生效 */
    line-height: 1.6; /* 设置行高 */
  }
  
  ion-card-content ul {
    list-style-type: disc; /* 默认项目符号 */
    padding-left: 20px; /* 缩进列表项 */
  }
  
  ion-card-content li {
    margin-bottom: 8px; /* 列表项之间的间距 */
  }
  
  ion-card-content p {
    margin-bottom: 16px; /* 段落之间的间距 */
  }
  
  ion-card-content strong {
    font-weight: bold; /* 加粗文本 */
    color: #007aff;
  }
  
  ion-card-content h3 {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 1.1em;
    color: #333;
  }
  
  ion-card-content article {
    margin-bottom: 16px;
  }
  
  ion-card-content section {
    margin-bottom: 20px;
  }
  
  ion-card {
    margin-bottom: 16px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  ion-card-header {
    background-color: #f9f9f9;
    padding: 16px;
    border-bottom: 1px solid #ddd;
  }
  
  ion-card-header ion-card-subtitle {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
  }
  
  ion-card-content {
    padding: 16px;
  }