From a84175b5e189ac6da0d80ac64f77a4b45e7c9157 Mon Sep 17 00:00:00 2001
From: zuoxiao <470321431@qq.com>
Date: 星期四, 14 十一月 2024 13:48:34 +0800
Subject: [PATCH] 1.添加瞬时流量相关2.优化界面3.修改原开阀和未关阀列表的sessionId为clientId
---
pages/home/home.wxss | 151 ++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 132 insertions(+), 19 deletions(-)
diff --git a/pages/home/home.wxss b/pages/home/home.wxss
index 0a918b8..2fc672f 100644
--- a/pages/home/home.wxss
+++ b/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;
+ /* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */
+
}
\ No newline at end of file
--
Gitblit v1.8.0