.container{ padding: 20rpx 32rpx 0 32rpx; height: 100vh; overflow-y: scroll; overflow-x: hidden; .userInfo{ display: flex; // justify-content: center; align-items: center; margin-bottom: 50rpx; .nickname{ margin-left: 50rpx; font-size: 36rpx; } } .cenList{ margin-top: 50rpx; .swiper{ // height: calc(100vh - 520rpx); .picList{ padding-top: 20rpx; display: flex; flex-wrap:nowrap; padding-bottom: 50rpx; height: 100px; overflow-x: scroll; white-space: nowrap; width: 350px; overflow-y: hidden; .wait{ width: calc(100vw - 64rpx); height: 100%; border-radius:12rpx; display: flex; flex-direction: column; // justify-content: center; align-items: center; background: white; image{ height: 100px; width: 180px; } .txt{ text-align: center; margin-bottom: 12px; color: green; } } .resImg{ // background: red; width: 70px; border-radius:12rpx; margin-bottom: 20rpx; background-size:cover; height: 100px; margin-right: 20rpx; image{ height: 100%; border-radius:12rpx; width: 70px; } } .resImg:last-child{ margin-bottom: 150rpx; } } } } } ::v-deep .u-tabbar{ width: 80%; position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); border-radius: 25px; } ::v-deep .u-tabbar__content{ border-radius: 25px; background:white; } .xiezhenBox{ // background: red; // height: 120px; } .createAvatar{ margin-top: 10rpx; border: 1rpx solid orange; border-radius: 10rpx; color: orange; padding:5rpx 10rpx ; font-weight: 600; }