|  |  | 
 |  |  | .item-card { | 
 |  |  |   display: flex; | 
 |  |  |   margin-left: 10rpx; | 
 |  |  |   align-items: center; | 
 |  |  |   /* 垂直居中对齐 */ | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .item-card text { | 
 |  |  | .item-card-text { | 
 |  |  |   font-size: 35rpx; | 
 |  |  |   color: #fff; | 
 |  |  | } | 
 |  |  | 
 |  |  |   display: flex; | 
 |  |  |   margin-top: 20rpx; | 
 |  |  |   align-items: center; | 
 |  |  |    | 
 |  |  |  | 
 |  |  |   /* 垂直居中 */ | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |   margin-left: auto; | 
 |  |  |   /* 将按钮固定在右边 */ | 
 |  |  |   display: flex; | 
 |  |  |   color: rgb(238, 153, 153); | 
 |  |  |   margin-bottom: 2rpx; | 
 |  |  |   font-size: 35rpx; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .list-container { | 
 |  |  | 
 |  |  | .button-view { | 
 |  |  |   display: flex; | 
 |  |  |   width: 50%; | 
 |  |  |   margin-left: auto; /* 将按钮组推到右边 */ | 
 |  |  |   margin-left: auto; | 
 |  |  |   /* 将按钮组推到右边 */ | 
 |  |  |   justify-content: space-around; | 
 |  |  |   align-items: flex-end; | 
 |  |  |   /* 让按钮在容器中水平平分空间 */ | 
 |  |  | 
 |  |  |   font-size: 30rpx; | 
 |  |  |   border: none; | 
 |  |  |  | 
 |  |  | } | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .all-waterIntake { | 
 |  |  |   display: flex; | 
 |  |  |   flex-direction: column; | 
 |  |  |   justify-content: flex-start; | 
 |  |  |   /* 确保内容居上 */ | 
 |  |  |   height: 100%; | 
 |  |  |   width: 100%; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .waterIntake-recharge { | 
 |  |  |   margin-left: auto; /* 将按钮推到容器最右侧 */ | 
 |  |  |   cursor: pointer; | 
 |  |  |   background-color: #32CD32; | 
 |  |  |   color: white; | 
 |  |  |   padding: 15rpx 30rpx; | 
 |  |  |   border-radius: 30rpx; | 
 |  |  |   font-size: 30rpx; | 
 |  |  | } | 
 |  |  |  |