开泵相关界面优化和充值界面

zuoxiao

2024-05-30 7123295bac789011a9dad11938997721149a35ce

 pages/rechargeCard/rechargeCard.wxss

@@ -23,9 +23,11 @@
.item-card {
  display: flex;
  margin-left: 10rpx;
  align-items: center;
  /* 垂直居中对齐 */
}

.item-card text {
.item-card-text {
  font-size: 35rpx;
  color: #fff;
}
@@ -66,7 +68,7 @@
  display: flex;
  margin-top: 20rpx;
  align-items: center;
  

  /* 垂直居中 */
}

@@ -106,6 +108,9 @@
  margin-left: auto;
  /* 将按钮固定在右边 */
  display: flex;
  color: rgb(238, 153, 153);
  margin-bottom: 2rpx;
  font-size: 35rpx;
}

.list-container {
@@ -117,7 +122,8 @@
.button-view {
  display: flex;
  width: 50%;
  margin-left: auto; /* 将按钮组推到右边 */
  margin-left: auto;
  /* 将按钮组推到右边 */
  justify-content: space-around;
  align-items: flex-end;
  /* 让按钮在容器中水平平分空间 */
@@ -152,4 +158,23 @@
  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;
}