From cb15c57d0ff984f5a100cf25d560fb0a69c00984 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期二, 16 四月 2024 18:21:05 +0800
Subject: [PATCH] 音频bug4

---
 pages/personalCenter/index.wxss |  102 ++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 88 insertions(+), 14 deletions(-)

diff --git a/pages/personalCenter/index.wxss b/pages/personalCenter/index.wxss
index 6668928..aa0e5d4 100644
--- a/pages/personalCenter/index.wxss
+++ b/pages/personalCenter/index.wxss
@@ -1,7 +1,5 @@
 page {
   background-color: #f0f2f5;
-  box-sizing: border-box;
-  padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
 }
 
 .background {
@@ -10,10 +8,10 @@
   top: 0;
   left: 0;
   height: 80rpx;
+  line-height: 88rpx;
   z-index: 3;
   text-align: center;
-  padding-top: 60rpx;
-  font-size: 36rpx;
+  font-size: 34rpx;
 }
 
 .white {
@@ -36,8 +34,8 @@
 
 .content-wrapper {
   position: relative;
-  padding: 30rpx;
-  padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
+  padding: 20rpx 30rpx;
+  margin-bottom: 10vh;
 }
 
 .topBox {
@@ -58,11 +56,16 @@
 .teacherBox .title {
   margin-top: 20rpx;
   line-height: 40rpx;
+  color: #949494;
 }
 
 .teacherBox .change-info {
   color: #ff6d00;
   margin-left: 20rpx;
+}
+
+.state {
+  font-size: 32rpx;
 }
 
 .wait {
@@ -77,6 +80,12 @@
   color: #1FBC1F
 }
 
+.line {
+  width: 2rpx;
+  height: 90rpx;
+  background: linear-gradient(180deg, #FFFFFF 0%, #CCCFD8 52%, #FFFFFF 100%);
+}
+
 .domainBox {
   width: 100%;
   margin: 20rpx auto;
@@ -86,8 +95,10 @@
 }
 
 .domainBox .title {
+  font-size: 32rpx;
+  color: #333;
   font-weight: bold;
-  padding: 30rpx;
+  padding: 30rpx 30rpx 0rpx 30rpx;
 }
 
 .domainList {
@@ -95,7 +106,6 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  padding-bottom: 30rpx;
 }
 
 .domainList1 {
@@ -115,19 +125,28 @@
   width: 160rpx;
   min-width: 160rpx;
   flex-shrink: 0;
-  padding: 30rpx 0;
+  padding: 40rpx 0;
+}
+
+.listItem:nth-child(5),
+.listItem:nth-child(6),
+.listItem:nth-child(7),
+.listItem:nth-child(8) {
+  padding-top: 10rpx !important;
 }
 
 .listItem .icon {
-  width: 46rpx;
-  height: 46rpx;
+  width: 48rpx;
+  height: 48rpx;
   margin: 0 auto;
+  display: flex;
 }
 
-.listItem .icon .t-image {
-  width: 100%;
+
+.listItem .icon .img {
+  /* width: 100%; */
   height: 100%;
-  object-fit: contain;
+
 }
 
 .listItem .label {
@@ -136,4 +155,59 @@
   line-height: 40rpx;
   text-align: center;
   margin-top: 20rpx;
+  color: #333;
+}
+
+.block {
+  width: 100vw;
+  background: #fff;
+  border-top-left-radius: 16rpx;
+  border-top-right-radius: 16rpx;
+  margin-bottom: calc(env(safe-area-inset-bottom) + 88rpx);
+}
+
+.block .header {
+  display: flex;
+  align-items: center;
+  height: 116rpx;
+}
+
+.block .title {
+  flex: 1;
+  text-align: center;
+  font-weight: 600;
+  font-size: 36rpx;
+}
+
+.block .body {
+  padding: 0 20rpx;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.item {
+  width: calc(100%/2 - 30rpx);
+  text-align: center;
+  padding: 30rpx 0;
+  margin: 0 10rpx 20rpx 10rpx;
+  background: #F9F9F9;
+  border: 4rpx solid #F9F9F9;
+  border-radius: 10rpx;
+}
+
+.activeItem {
+  border: 4rpx solid #ff6c00;
+  background: #fff;
+}
+
+.footer {
+  width: 80%;
+  margin: 10rpx auto;
+}
+
+.submit {
+  background: #ff6c00;
+  color: #fff;
+  border-radius: 50rpx;
 }
\ No newline at end of file

--
Gitblit v1.9.1