From 04c7b0163caeae4ab1c5da62e301fa993101cfad Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 31 三月 2025 10:40:45 +0800 Subject: [PATCH] bug修改 --- pages/personalCenter/index.wxss | 168 ++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 152 insertions(+), 16 deletions(-) diff --git a/pages/personalCenter/index.wxss b/pages/personalCenter/index.wxss index 07525f0..11f0acd 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: 110rpx; - font-size: 36rpx; + font-size: 34rpx; } .white { @@ -21,7 +19,7 @@ color: #333; } -.home-page .bg { +.bg { height: 780rpx; width: 100%; position: absolute; @@ -30,13 +28,14 @@ z-index: -1; } -.home-page .bg .image { +.bg .image { height: 100%; } .content-wrapper { position: relative; - padding: 30rpx; + padding: 20rpx 30rpx; + margin-bottom: 10vh; } .topBox { @@ -57,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 { @@ -76,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; @@ -85,16 +95,19 @@ } .domainBox .title { + font-size: 32rpx; + color: #333; font-weight: bold; - padding: 30rpx; + padding: 30rpx 30rpx 0rpx 30rpx; } .domainList { width: 100%; display: flex; flex-wrap: wrap; - justify-content: center; - padding-bottom: 30rpx; + justify-content: flex-start; + padding: 15rpx 25rpx; + box-sizing: border-box; } .domainList1 { @@ -114,19 +127,28 @@ width: 160rpx; min-width: 160rpx; flex-shrink: 0; - padding: 30rpx 0; + padding: 20rpx 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 { @@ -135,4 +157,118 @@ 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; +} + +.blockIntegral { + position: relative; + width: 90vw; + height: 70vh; + background: var(--td-bg-color-container); + border-radius: 16rpx; +} + +.srcolbox { + width: 100%; + height: 70vh; + white-space: nowrap; +} + +.block-content { + padding: 20rpx; + font-size: 28rpx; + color: #606266 +} + +.tableHeader { + display: flex; + background-color: #f3f3f3; + line-height: 48rpx; + padding: 10rpx; + border-bottom: 1px solid #f4f4f4; +} + +.blockIntegral .content-item { + display: flex; + line-height: 48rpx; + padding: 10rpx; + border-bottom: 2rpx solid #f4f4f4; +} + +.blockIntegral .lable { + width: 260rpx; +} + +.blockIntegral .value { + width: 100rpx; +} + +.blockIntegral .totle { + font-weight: bold; + +} + +.blockIntegral .createDate { + flex: 1; +} + +.close-btn { + position: absolute; + left: 50%; + margin-left: -32rpx; + bottom: calc(-1 * (48rpx + 64rpx)); } \ No newline at end of file -- Gitblit v1.9.1