.page { background-color: #F9F9F9; width: 100%; height: 100%; } .head{ position: fixed; left: 0; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100rpx; /* #ifdef MP */ height: calc(120rpx + var(--status-bar-height)); padding-top: calc(40rpx + var(--status-bar-height)); /* #endif */ background-color: rgba(255,255,255,1); .logo-title{ width: 64%; color: #000; padding-left: 25rpx; font-size: 32rpx; display: flex; align-items: center; image { width: 32rpx; height: 32rpx; margin-right: 10rpx; } } .title{ } .setting-mess{ width: 20%; display: flex; align-items: center; height: 100%; margin-right: 25rpx; } } .main { margin-top: 100rpx; } /* 列表 */ .user-list{ padding: 25rpx; .list{ position: relative; display: flex; align-items: center; justify-content: space-between; background-color: #FFFFFF; border-radius: 20rpx; margin-bottom: 20rpx; padding: 30rpx; .title{ text{ font-size: 28rpx; } } .more-content{ display: flex; align-items: center; image{ width: 100rpx; height: 100rpx; border-radius: 100%; } .more-content-img { color:#477EFF; display: flex; align-items: center; image { width: 24rpx; height: 24rpx; margin-left: 20rpx; } } } .picker{ position: absolute; width: 100%; height: 100%; opacity: 0; } } } .small { font-size: 24rpx; color: #959595; margin-top: 15rpx; }