/* pages/personCenter/personCenter.wxss */ .page{ position: relative; width: 100vw; height:100vh; overflow: scroll; -webkit-overflow-scrolling: touch; background: #F2F2F2; } .cellbox{ margin-top: 172rpx; } .buttonbox{ position: absolute; z-index:99; display: flex; width:600rpx; left:50%; transform: translateX(-50%); justify-content: space-between; bottom:50rpx; } .cell{ overflow: hidden; display: flex; width:100%; background-color: #fff; height: 112rpx; align-items: center; justify-content: space-between; border-bottom: 1rpx solid#F2F2F2; } .righticon { width: 24rpx; height: 48rpx; } .left{ margin-left: 32rpx; } .imgview{ margin-right: 20rpx; color: #666666; font-size: 28rpx; } .headicon{ width:80rpx; height:80rpx; border-radius: 50%; } .edit{ width:28rpx; height:28rpx; } .right{ position: relative; flex:1; font-size: 28rpx; margin-right: 32rpx; display: flex; justify-content: flex-end; color: #666666; align-items: center; } .logout{ bottom:20rpx; position: absolute; left:32rpx; right:32rpx; height: 94rpx; background: #3CC7C0; border-radius: 47rpx; display: flex; justify-content: center; align-items: center; font-size: 36rpx; color: #FFFFFF; } .box{ width:100%; display: flex; align-items: center; justify-content: flex-end; } .upload{ opacity: 0; width:100%; right:0; position: absolute; } .van-uploader__wrapper{ width:100%!important; flex:1; justify-content: flex-end; } .van-uploader__upload{ width:100%!important; } .van-uploader{ width:100%; }