.page{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #f6f6f6; } /* 用户信息 */ .user-info{ width: 100%; height: 300rpx; background-color: #FFFFFF; border-radius: 0 0 20rpx 20rpx; .user-data{ display: flex; align-items: center; padding: 0 4%; height: 200rpx; .portrait-nickname{ display: flex; align-items: center; width: 100%; height: 90%; .portrait{ width: 140rpx; height: 140rpx; image{ width: 100%; height: 100%; border-radius: 100%; } } .nickname{ display: flex; align-items: center; margin-left: 20rpx; height: 140rpx; text{ font-size: 28rpx; color: #222222; } } } .more{ display: flex; align-items: center; text{ color: #959595; font-size: 28rpx; } } } .address{ display: flex; align-items: center; justify-content: space-between; padding: 0 4%; height: 100rpx; border-top: 2rpx solid #f6f6f6; .title{ display: flex; align-items: center; text{ font-size: 28rpx; color: #555555; } } .more{ display: flex; align-items: center; text{ color: #959595; font-size: 28rpx; } } } } /* 设置列表 */ .setting-list{ padding: 0 4%; background-color: #FFFFFF; border-radius: 20rpx; margin: 20rpx; .list{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100rpx; border-bottom: 2rpx solid #f6f6f6; .title{ display: flex; align-items: center; text{ font-size: 28rpx; color: #222222; } } .more-content{ display: flex; align-items: center; .content{ font-size: 28rpx; color: #959595; } .more{ font-size: 24rpx; color: #959595; margin-left: 20rpx; } } } } /* 退出登录 */ .quit-login{ position: fixed; left: 0; bottom: 80rpx; display: flex; align-items: center; justify-content: center; margin:20rpx; width:calc(100% - 40rpx); height: 80rpx; color:#fff; background: rgb(35, 96, 48); border-radius: 20rpx; text{ color: #fff; font-size: 28rpx; } } .agreeText{ position: fixed; left: 0; width:100%; text-align: center; bottom: 40rpx; display: flex; align-items: center; justify-content: center; .link{ color: #4d9a5e; font-size:24rpx; } }