From 5dc54a59184b305a85aaad31dd4cce01b31a8a2d Mon Sep 17 00:00:00 2001
From: zuoxiao <470321431@qq.com>
Date: 星期四, 13 六月 2024 14:58:06 +0800
Subject: [PATCH] 开关泵定版
---
pages/feedback/feedback.wxss | 131 ++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 128 insertions(+), 3 deletions(-)
diff --git a/pages/feedback/feedback.wxss b/pages/feedback/feedback.wxss
index af408cd..6218e0a 100644
--- a/pages/feedback/feedback.wxss
+++ b/pages/feedback/feedback.wxss
@@ -2,10 +2,14 @@
.container {
display: flex;
flex-direction: column;
- align-items: center;
- justify-content: center;
height: 100vh;
- padding: 20px;
+ padding-left: 30rpx;
+ padding-right: 30rpx;
+ width: calc(100% - 0rpx);
+ /* 鑰冭檻浜嗗乏鍙宠竟璺濆悗鐨勫疄闄呭搴� */
+ background-color: #fff;
+ justify-content: flex-start;
+ align-items: center;
}
.btn {
@@ -35,3 +39,124 @@
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
}
+
+.input-class {
+ border-radius: 5px;
+ border: 2rpx solid #000000;
+ height: 20vh;
+ width: 100%;
+ background-color: #fcfcfc;
+}
+
+.img-upload {
+ font-size: 35rpx;
+ margin-left: 30rpx;
+}
+
+.container-item {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+
+}
+
+.container-voice {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+
+ align-items: center;
+}
+
+.fb-text {
+ font-size: 35rpx;
+ margin-left: 30rpx;
+}
+
+.fb-submit {
+ width: 80%;
+ background-color: #1890FF;
+ font-size: 35rpx;
+ color: white;
+ margin-top: 50rpx;
+}
+
+.voice_img {
+ width: 80rpx;
+ height: 70rpx;
+}
+
+.divider {
+ height: 1px;
+ /* 璁剧疆鍒嗗壊绾块珮搴� */
+ background-color: #d3d3d3;
+ /* 璁剧疆鍒嗗壊绾块鑹� */
+ margin: 10px 0;
+ /* 璁剧疆鍒嗗壊绾跨殑涓婁笅闂磋窛 */
+ width: 100%;
+}
+
+.voice_wrapper {
+ display: flex;
+ align-items: center;
+ background-color: #fff;
+ padding: 10px;
+ box-sizing: border-box;
+}
+
+.voice_content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-left: 16rpx;
+ padding: 0 6rpx;
+ box-sizing: border-box;
+ width: 200rpx;
+ height: 80rpx;
+ border-radius: 15rpx;
+ background-color: #1890FF;
+}
+
+.voice_content .left {
+ display: flex;
+ align-items: center;
+}
+
+.voice_content .left .line {
+ width: 8rpx;
+ background-color: white;
+ margin-left: 10rpx;
+}
+
+.voice_content .left .line:nth-child(1) {
+ height: 24rpx;
+}
+
+.voice_content .left .line:nth-child(2) {
+ height: 36rpx;
+}
+
+.voice_content .left .line:nth-child(3) {
+ height: 45rpx;
+}
+
+.right {
+ font-size: 35rpx;
+ color: #ffffff;
+ margin-right: 20rpx;
+}
+
+.voice_starting{
+ position: fixed;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 200rpx;
+ height: 200rpx;
+ line-height: 200rpx;
+ background-color: #787879;
+ color: #fff;
+ text-align: center;
+ border-radius: 100rpx; /* 浣垮叾鍛堢幇鍦嗗舰 */
+ z-index: 10000;
+}
\ No newline at end of file
--
Gitblit v1.8.0