From 4a33335da6f6ccbb13427d317d23b0c74d019fbb Mon Sep 17 00:00:00 2001
From: zuoxiao <470321431@qq.com>
Date: 星期一, 14 四月 2025 17:56:16 +0800
Subject: [PATCH] 新增测试数据功能,允许在首页和取水口页面使用模拟数据进行测试,优化用户体验。
---
pages/home/home.wxss | 114 ++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 96 insertions(+), 18 deletions(-)
diff --git a/pages/home/home.wxss b/pages/home/home.wxss
index bf6de6e..2fc672f 100644
--- a/pages/home/home.wxss
+++ b/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,13 +200,9 @@
}
.bottom-title-text {
- position: absolute;
- /* 缁濆瀹氫綅 */
- left: 50%;
- /* 绉诲姩鍒板鍣ㄧ殑涓棿 */
- transform: translateX(-50%);
- /* 閫氳繃骞崇Щ鑷韩瀹藉害鐨勪竴鍗婃潵瀹炵幇鐪熸鐨勫眳涓� */
- font-size: 16px;
+ margin-right: 10rpx;
+ /* 缁欐枃鏈拰鍥炬爣涔嬮棿娣诲姞涓�浜涢棿璺� */
+ font-size: 35rpx;
/* 瀛椾綋澶у皬 */
color: #333;
/* 瀛椾綋棰滆壊 */
@@ -284,11 +281,13 @@
.item-left {
display: flex;
align-items: center;
+ flex-direction: column;
+ /* 纭繚瀛愬厓绱犵旱鍚戞帓鍒� */
}
.item-left text {
font-size: 40rpx;
- min-width: 150rpx;
+
}
.item-img {
@@ -296,7 +295,7 @@
/* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */
height: 40rpx;
/* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */
- margin-left: 20rpx;
+
}
.dialog {
@@ -318,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 {
@@ -371,7 +377,7 @@
.delete-btn {
display: flex;
- align-items: center;
+ align-items: center;
justify-content: center;
width: 120rpx;
height: 100%;
@@ -379,13 +385,85 @@
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;
}
-.swipe-cell-base{
+
+.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;
+ /* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */
}
\ No newline at end of file
--
Gitblit v1.8.0