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 | 54 ++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 46 insertions(+), 8 deletions(-) diff --git a/pages/personalCenter/index.wxss b/pages/personalCenter/index.wxss index 058000d..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 { @@ -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 { @@ -140,21 +146,53 @@ .block { width: 100vw; - height: 240px; background: #fff; border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; } -.header { +.block .header { display: flex; align-items: center; height: 116rpx; } -.title { +.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