1.添加瞬时流量相关2.优化界面3.修改原开阀和未关阀列表的sessionId为clientId

zuoxiao

2024-11-14 a84175b5e189ac6da0d80ac64f77a4b45e7c9157

 pages/home/home.wxss

@@ -123,7 +123,8 @@
  margin-bottom: 10rpx;
  /* 图标和文本之间的间距 */
}
.center-view-question image{

.center-view-question image {
  padding-top: 10rpx;
  width: 75rpx;
  /* 根据需要调整图标大小 */
@@ -132,6 +133,7 @@
  margin-bottom: 15rpx;
  /* 图标和文本之间的间距 */
}

.center-view text,
.center-view-question text {
  margin-top: 15rpx;
@@ -161,7 +163,6 @@
  background-color: #fff;
  margin-bottom: 2rpx;
  display: flex;
 
  align-items: center;
  padding-left: 30rpx;
  padding-right: 30rpx;
@@ -199,10 +200,12 @@
}

.bottom-title-text {

  margin-right: 10rpx; /* 给文本和图标之间添加一些间距 */
  font-size: 16px; /* 字体大小 */
  color: #333; /* 字体颜色 */
  margin-right: 10rpx;
  /* 给文本和图标之间添加一些间距 */
  font-size: 35rpx;
  /* 字体大小 */
  color: #333;
  /* 字体颜色 */
}

.refresh-button {
@@ -278,11 +281,13 @@
.item-left {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* 确保子元素纵向排列 */
}

.item-left text {
  font-size: 40rpx;
  min-width: 150rpx;
 
}

.item-img {
@@ -290,7 +295,7 @@
  /* 根据需要调整图标大小 */
  height: 40rpx;
  /* 根据需要调整图标大小 */
  margin-left: 20rpx;
 
}

.dialog {
@@ -312,15 +317,22 @@

.item-button {
  display: flex;
  height: 80rpx;
  padding: 0 60rpx;
  height: 70rpx;
  padding: 0 40rpx;
  background-color: #1890FF;
  color: white;
  border: none;
  border-radius: 20rpx;
  font-size: 30rpx;
  font-size: 30rpx !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap; /* 确保文字不换行 */
}

.item-right {
  display: flex;
  /* 垂直方向居中 */
  align-items: center;
}

.item-button:active {
@@ -365,7 +377,7 @@

.delete-btn {
  display: flex;
  align-items: center; 
  align-items: center;
  justify-content: center;
  width: 120rpx;
  height: 100%;
@@ -373,31 +385,37 @@
  background-color: #e34d59;
}

.swipe-cell{
.swipe-cell {
  display: flex;
  justify-content: space-between; /* 使子元素在主轴上均匀分布 */
  justify-content: space-between;
  /* 使子元素在主轴上均匀分布 */
  background-color: #fff;
  margin-bottom: 2rpx;
  width: 100wh;
}
.info-img{

.info-img {
  width: 50rpx;
  height: 50rpx;
}
.title-center{

.title-center {
  position: absolute;
  /* 绝对定位 */
  left: 50%;
  /* 移动到容器的中间 */
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between; /* 使子元素在主轴上均匀分布 */
  align-items: center; /* 垂直居中对齐 */
  justify-content: space-between;
  /* 使子元素在主轴上均匀分布 */
  align-items: center;
  /* 垂直居中对齐 */
}

.content-container{
.content-container {
  white-space: pre-line;
  word-wrap: break-word; /* 防止长单词无法换行 */  
  word-wrap: break-word;
  /* 防止长单词无法换行 */
}

.long-content {
@@ -405,4 +423,47 @@
  margin-top: 16rpx;
  font-size: 32rpx;
  color: #888;
}

.flow-rate {
  font-size: 30rpx !important;
  margin-left: 10rpx;
}

.flow-time {
  font-size: 30rpx !important;
  align-items: center;
  margin-left: 10rpx;
  display: inline-flex;
  min-width: 120rpx
}

.water-intake-name {
  font-size: 50rpx !important;
  margin-left: 15rpx;
  margin-right: 15rpx;
  white-space: nowrap; /* 防止文本换行 */
}

.left-time {
  width: 100%;
  display: flex;
    /* 垂直居中 */
  align-items: center;
  margin-top: 15rpx;

}
.left-intake-name{
  width: 100%;
  display: flex;
    /* 垂直居中 */
  align-items: center;
}

.item-img-left {
  width: 40rpx;
  /* 根据需要调整图标大小 */
  height: 40rpx;
  /* 根据需要调整图标大小 */

}