新增测试数据功能，允许在首页和取水口页面使用模拟数据进行测试，优化用户体验。

zuoxiao

2025-04-14 4a33335da6f6ccbb13427d317d23b0c74d019fbb

 pages/home/home.wxss

@@ -101,7 +101,8 @@
  /* 使 center-wrapper 在头部之上 */
}

.center-view {
.center-view,
.center-view-question {
  flex: 1;
  /* 每个元素平分宽度 */
  display: flex;
@@ -123,7 +124,18 @@
  /* 图标和文本之间的间距 */
}

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

.center-view text,
.center-view-question text {
  margin-top: 15rpx;
  font-size: 30rpx;
  color: #1890FF;
@@ -151,7 +163,6 @@
  background-color: #fff;
  margin-bottom: 2rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30rpx;
  padding-right: 30rpx;
@@ -189,13 +200,9 @@
}

.bottom-title-text {
  position: absolute;
  /* 绝对定位 */
  left: 50%;
  /* 移动到容器的中间 */
  transform: translateX(-50%);
  /* 通过平移自身宽度的一半来实现真正的居中 */
  font-size: 16px;
  margin-right: 10rpx;
  /* 给文本和图标之间添加一些间距 */
  font-size: 35rpx;
  /* 字体大小 */
  color: #333;
  /* 字体颜色 */
@@ -222,9 +229,12 @@
  justify-content: center;
  padding-bottom: 15rpx;
}
.refresh-button:active{
  background-color: #7c7c7c; /* Change to a darker color when pressed */

.refresh-button:active {
  background-color: #7c7c7c;
  /* Change to a darker color when pressed */
}

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

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

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

.dialog {
  --td-dialog-content-font-size: 40rpx;
  --td-dialog-content-line-height: 50rpx
  --td-dialog-content-line-height: 60rpx
}

.noMore-View-home {
@@ -305,19 +317,27 @@

.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 {
  background-color: #7c7c7c; /* Change to a darker color when pressed */
  background-color: #7c7c7c;
  /* Change to a darker color when pressed */
}

.divider {
@@ -353,4 +373,97 @@
.scen-view text {
  font-size: 30rpx;
  color: #ffffff;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120rpx;
  height: 100%;
  color: white;
  background-color: #e34d59;
}

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

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

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

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

.long-content {
  height: 450rpx;
  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;
  /* 根据需要调整图标大小 */

}