From 1c64c10f8dd88018c0d30de79237f3128173f118 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期二, 26 三月 2024 17:36:51 +0800
Subject: [PATCH] 调整登录
---
pages/personalCenter/index.wxss | 72 +++++++++++++++++++++++++++++++++---
1 files changed, 66 insertions(+), 6 deletions(-)
diff --git a/pages/personalCenter/index.wxss b/pages/personalCenter/index.wxss
index 07525f0..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: 110rpx;
font-size: 36rpx;
}
@@ -37,6 +35,7 @@
.content-wrapper {
position: relative;
padding: 30rpx;
+ padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
}
.topBox {
@@ -74,6 +73,12 @@
.yes {
color: #1FBC1F
+}
+
+.line {
+ width: 2rpx;
+ height: 90rpx;
+ background: linear-gradient(180deg, #FFFFFF 0%, #CCCFD8 52%, #FFFFFF 100%);
}
.domainBox {
@@ -121,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 {
@@ -135,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