From 1fd211c2528c8ba7fff173c60b31acbc5807c809 Mon Sep 17 00:00:00 2001
From: litian <C21AF165>
Date: 星期一, 25 三月 2024 18:17:37 +0800
Subject: [PATCH] 图标，首页

---
 pages/personalCenter/index.wxss |   71 ++++++++++++++++++++++++++++++++---
 1 files changed, 65 insertions(+), 6 deletions(-)

diff --git a/pages/personalCenter/index.wxss b/pages/personalCenter/index.wxss
index 6668928..3ec75fb 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,9 +8,9 @@
   top: 0;
   left: 0;
   height: 80rpx;
+  line-height: 80rpx;
   z-index: 3;
   text-align: center;
-  padding-top: 60rpx;
   font-size: 36rpx;
 }
 
@@ -77,6 +75,12 @@
   color: #1FBC1F
 }
 
+.line {
+  width: 2rpx;
+  height: 90rpx;
+  background: linear-gradient(180deg, #FFFFFF 0%, #CCCFD8 52%, #FFFFFF 100%);
+}
+
 .domainBox {
   width: 100%;
   margin: 20rpx auto;
@@ -122,12 +126,14 @@
   width: 46rpx;
   height: 46rpx;
   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 +142,57 @@
   line-height: 40rpx;
   text-align: center;
   margin-top: 20rpx;
+}
+
+.block {
+  width: 100vw;
+  background: #fff;
+  border-top-left-radius: 16rpx;
+  border-top-right-radius: 16rpx;
+}
+
+.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