workspace/.history/soul-app/src/app/page-updating/page-updating.component_20241228141222.scss

/* 设置页面背景色 */
ion-content {
    --background: #ffffff; /* 白色背景 */
    --background: url('https://nova-cloud.obs.cn-south-1.myhuaweicloud.com/storage/aigc/imagine/4RHC2Jhp2l-0.png') no-repeat fixed!important;
    --background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  ion-card {
    margin: 10px; /* 卡片之间的间距 */
    border-radius: 10px; /* 圆角效果 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  }
  
  ion-card-title {
    font-weight:bold;
  }
  .card-content-with-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
  }

  
  .expect-message {
    font-size: 2rem; /* 放大字体 */
    color: gray; /* 灰色文字 */
    opacity: 0.7; /* 透明度 */
  }
  
  .content-section {
    flex-grow: 1;
  }
  
  .button-section {
    margin-left: 10px;
    
  }
  
  /* 确保按钮文本正常横排 */
  ion-button {
    white-space: nowrap;
  }
  /* 设置列表项的样式 */
  ion-item {
    margin: 5px 0; /* 列表项之间的间距 */
  }
  ion-title {
    font-size: 24px; /* 增大字体大小 */
    font-weight: bold; /* 加粗 */
  }
  /* 设置卡片的样式 */
  ion-list {
    margin: 10px; /* 卡片之间的间距 */
    border-radius: 10px; /* 圆角效果 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  }
  ion-button {
    font-size: 15px; /* 增大字体大小 */
    margin-top: 8px; /* 上间距，仅在需要时添加 */
    text-transform: none; /* 按钮文字不变形 */
    height: 35px;
  }
  
  /* 设置列表项的样式 */
  ion-item {
    margin: 5px 0; /* 列表项之间的间距 */
  }
  
  /* 设置按钮的样式（如果按钮不在顶部方框内） */
  
  ion-toolbar {
  margin: auto;
  }
  .title-text{
  position: absolute;
  display: flex;
  left: 105px;
  margin: auto;
  top: 10px;

  }