From 4a33335da6f6ccbb13427d317d23b0c74d019fbb Mon Sep 17 00:00:00 2001
From: zuoxiao <470321431@qq.com>
Date: 星期一, 14 四月 2025 17:56:16 +0800
Subject: [PATCH] 新增测试数据功能，允许在首页和取水口页面使用模拟数据进行测试，优化用户体验。

---
 pages/feedback/feedback.wxss |  154 +++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 137 insertions(+), 17 deletions(-)

diff --git a/pages/feedback/feedback.wxss b/pages/feedback/feedback.wxss
index 6218e0a..3bee960 100644
--- a/pages/feedback/feedback.wxss
+++ b/pages/feedback/feedback.wxss
@@ -2,15 +2,37 @@
 .container {
   display: flex;
   flex-direction: column;
+  width: 100%;
   height: 100vh;
-  padding-left: 30rpx;
-  padding-right: 30rpx;
-  width: calc(100% - 0rpx);
   /* 鑰冭檻浜嗗乏鍙宠竟璺濆悗鐨勫疄闄呭搴� */
   background-color: #fff;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
 }
+
+.container-scroll{
+  flex: 1;
+  overflow-y: auto;
+  z-index: 0;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 20rpx; /* 澧炲姞搴曢儴濉厖 */
+}
+
+.container-feedBack {
+  width: calc(100% - 80rpx);
+  /* 40rpx 涓哄乏鍙� padding 鐨勬�诲拰 */
+  height: 100vh;
+  /* 鑰冭檻浜嗗乏鍙宠竟璺濆悗鐨勫疄闄呭搴� */
+  background-color: #fff;
+  padding-left: 40rpx;
+  padding-right: 40rpx;
+  padding-top: 40rpx;
+  padding-bottom: 1rpx;
+}
+
+
+
 
 .btn {
   margin: 10px;
@@ -43,9 +65,13 @@
 .input-class {
   border-radius: 5px;
   border: 2rpx solid #000000;
-  height: 20vh;
+  height: 10vh;
   width: 100%;
   background-color: #fcfcfc;
+  display: flex;
+  flex-direction: column;
+  padding-left: 10rpx;
+  padding-top: 3rpx;
 }
 
 .img-upload {
@@ -54,23 +80,21 @@
 }
 
 .container-item {
-  width: 100%;
   display: flex;
   flex-direction: column;
-
+  justify-content: flex-start
 }
 
 .container-voice {
   width: 100%;
   display: flex;
   flex-direction: row;
-
   align-items: center;
 }
 
 .fb-text {
   font-size: 35rpx;
-  margin-left: 30rpx;
+  margin-bottom: 10rpx;
 }
 
 .fb-submit {
@@ -78,7 +102,7 @@
   background-color: #1890FF;
   font-size: 35rpx;
   color: white;
-  margin-top: 50rpx;
+  margin-top: 100rpx;
 }
 
 .voice_img {
@@ -116,7 +140,17 @@
   border-radius: 15rpx;
   background-color: #1890FF;
 }
-
+.voice_delete{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-left: 16rpx;
+  padding: 0 6rpx;
+  box-sizing: border-box;
+  width: 55rpx;
+  height: 55rpx;
+  border-radius: 15rpx;
+}
 .voice_content .left {
   display: flex;
   align-items: center;
@@ -146,17 +180,103 @@
   margin-right: 20rpx;
 }
 
-.voice_starting{
+.voice_starting {
   position: fixed;
   top: 30%;
   left: 50%;
   transform: translate(-50%, -50%);
-  width: 200rpx;
-  height: 200rpx;
-  line-height: 200rpx;
+  width: 300rpx;
+  height: 300rpx;
+  align-items: center;
+  line-height: 300rpx;
   background-color: #787879;
   color: #fff;
   text-align: center;
-  border-radius: 100rpx; /* 浣垮叾鍛堢幇鍦嗗舰 */
+  border-radius: 150rpx;
+  /* 浣垮叾鍛堢幇鍦嗗舰 */
   z-index: 10000;
-}
\ No newline at end of file
+}
+
+.tabs {
+  display: flex;
+  justify-content: space-around;
+  position: relative;
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  margin-bottom: 20rpx;
+  /* Tabs 鍗犳弧鏁翠釜妯悜灞忓箷 */
+}
+
+.tab {
+  font-size: 16px;
+  padding: 10px;
+  cursor: pointer;
+  position: relative;
+  width: 50%;
+  /* Tabs 骞冲垎鏁翠釜妯悜灞忓箷 */
+  text-align: center;
+  /* 鏂囧瓧灞呬腑 */
+}
+
+.indicator {
+  width: 100%;
+  height: 3px;
+  background-color: #1890FF;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transform: translateX(0);
+  /* 鍒濆鍖栦綅缃� */
+}
+
+.item {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  /*琛ㄧず涓嶆崲琛�*/
+  padding-left: 40rpx;
+  padding-right: 40rpx;
+  width: calc(100% - 80rpx);
+  margin-bottom: 40rpx;
+}
+
+.item-data {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  margin-bottom: 10rpx;
+}
+
+.item-data text {
+  font-size: 30rpx;
+}
+
+.container-phone {  
+  display: flex;  
+  align-items: center; /* 鍨傜洿灞呬腑 */  
+  margin-bottom: 10px; /* 鍙�夛細涓哄鍣ㄦ坊鍔犱竴浜涘簳閮ㄩ棿璺� */  
+  margin-top: 30rpx;
+}  
+  
+.fb-text {  
+  flex: 0 0 auto; /* 涓嶆墿灞曚篃涓嶆敹缂╋紝鑷姩瀹藉害 */  
+  margin-right: 10px; /* 鍙�夛細涓烘枃鏈拰杈撳叆妗嗕箣闂存坊鍔犱竴浜涢棿璺� */  
+}  
+  
+.input-phone {  
+  flex: 1 1 auto; /* 鎵╁睍浠ュ～鍏呭墿浣欑┖闂达紝浣嗘渶灏忓搴︿负鑷姩 */  
+  border: 1px solid #ccc; /* 鍙�夛細涓鸿緭鍏ユ娣诲姞杈规 */  
+  padding: 5px; /* 鍙�夛細涓鸿緭鍏ユ娣诲姞鍐呰竟璺� */  
+  border-radius: 4px; /* 鍙�夛細涓鸿緭鍏ユ娣诲姞鍦嗚 */  
+  border: 2rpx solid #000000;
+}
+
+.delete-btn {
+  display: flex;
+  align-items: center; 
+  justify-content: center;
+  width: 120rpx;
+  height: 100%;
+  color: white;
+  background-color: #e34d59;
+}

--
Gitblit v1.8.0