| | |
| | | .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; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .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: 50rpx; |
| | | height: 54rpx; |
| | | width: 54rpx; |
| | | } |
| | | |
| | | } |
| | |
| | | // margin-left: auto; |
| | | // margin-right: auto; |
| | | } |
| | | .order-icon.tg{ |
| | | margin-top: -8rpx; |
| | | width: 64rpx; |
| | | height: 64rpx; |
| | | } |
| | | .order-icon.cqw{ |
| | | // margin-top: 16rpx; |
| | | margin-top: -2rpx; |
| | | width: 54rpx; |
| | | height: 58rpx; |
| | | } |
| | | .order-icon.syst{ |
| | | // margin-top: 12rpx; |
| | | // margin-top: 0rpx; |
| | | width: 58rpx; |
| | | height: 56rpx; |
| | | } |
| | | .order-icon.wbsp{ |
| | | margin-top: -10rpx; |
| | | width: 70rpx; |
| | | height: 66rpx; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .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; |
| | |
| | | .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; |
| | |
| | | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | |