From d91c23a3dc8cb22c0a5b2bbb5a74c6aac37469b5 Mon Sep 17 00:00:00 2001 From: xuxy <1059738716@qq.com> Date: 星期三, 03 七月 2024 11:35:02 +0800 Subject: [PATCH] update 分类过滤 --- pages/user/user.scss | 59 +++++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 49 insertions(+), 10 deletions(-) diff --git a/pages/user/user.scss b/pages/user/user.scss index 7ab8232..691eefc 100644 --- a/pages/user/user.scss +++ b/pages/user/user.scss @@ -1,20 +1,35 @@ -.user-container{ +.main-container{ .right-icon{ margin-left: auto; margin-right: 0rpx; } .top-bg{ - // background: linear-gradient( 180deg, #BBE9E6 0%, rgba(245,245,245,0) 100%, rgba(245,245,245,0) 100%); - background-image: url('../../static/images/farmer/home/bg.png'); - - width: 750rpx; + + padding: 32rpx; + // background-image: url('../../static/images/supplier/user/bg.png'); + height: 438rpx; max-height: 438rpx; - + .user-icon{ + width: 116rpx; + height: 116rpx; + margin-right: 30rpx; + border-radius: 50%; + } .title{ text-align: center; font-weight: 600; + font-size: 32rpx; + } + .name{ + .t1{ + font-size: 36rpx; + font-weight: 600; + } + .t2{ + font-size: 28rpx;; + } } .icons{ width: fit-content; @@ -38,21 +53,34 @@ } } } + .user-info{ padding: 28rpx 24rpx; - background: #FFFFFF; + padding-bottom: 0rpx; + // background: #FFFFFF; border-radius: 16rpx; - line-height: 116rpx; + // line-height: 116rpx; + position: relative; .name{ font-weight: 600; font-size: 32rpx; color: #000000; + .t1{ + line-height: 50rpx; + } } .user-icon{ width: 116rpx; height: 116rpx; margin-right: 30rpx; border-radius: 50%; + } + .icon-setting{ + position: absolute; + right: 0rpx; + top: -30rpx; + height: 54rpx; + width: 54rpx; } } @@ -131,6 +159,11 @@ .button-login-out{ width: 690rpx; height: 86rpx; + margin: 0 auto; + position: fixed; + bottom: 220rpx; + left: 0; + right: 0; background: #FFFFFF; border-radius: 8rpx; text-align: center; @@ -140,10 +173,16 @@ .user-utils{ background: #FFFFFF; border-radius: 16rpx; - padding: 12rpx 28rpx; + padding: 22rpx 28rpx; .user-util{ border-bottom: 2rpx solid #EEEEEE; - + .title{ + font-weight: 600; + font-size: 32rpx; + color: #000000; + line-height: 44rpx; + margin-bottom: 20rpx; + } .name{ font-size: 600; font-size: 28rpx; -- Gitblit v1.9.3