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 | 115 +++++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 98 insertions(+), 17 deletions(-) diff --git a/pages/home/home.wxss b/pages/home/home.wxss index ee6fa2a..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,10 +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; } + +.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