page{ padding-top: 64px; } .Box { width: 90%; margin: 0 5%; } .userinfo { height: 200rpx; border: 1rpx solid saddlebrown; position: relative; margin-top: 60rpx; border-radius: 10rpx; margin-bottom: 30rpx; } .userPortrait { position: absolute; width: 120rpx; height: 120rpx; background-color: darkgoldenrod; border-radius: 50%; top: 0; left: 42%; } .textBox { margin: 65rpx 20% 0 20%; width: 60%; overflow: hidden; } .nameBox{ overflow: hidden; display: flex; justify-content: center; align-items: center; } .name { float: left; } .grade { margin-left: 10rpx; float: left; background-color: rgb(255, 102, 0); color: #fff; border-radius: 10rpx; border: 1rpx solid #000; padding: 0 10rpx; } .grow{ color: rgb(255, 130, 0); } .swiperItem{ background-color: red; } .plazaList{ margin-top: 30rpx; height: 320rpx; border: 1rpx solid #000; background-color: #fff; border-radius: 10rpx; } .EntranceBox{ margin: 20rpx; overflow: hidden; } .plazaImg{ float: left; width: 300rpx; height: 270rpx; /* background-color: aqua; */ } .plazaMessage{ float: left; margin-left: 20rpx; } .site{ width: 300rpx; font-size: 24rpx; margin-top: 20rpx ; height: 40prx; overflow: hidden; color: #999; } .area{ margin-top: 20rpx ; font-size: 24rpx; color: #999; } .plazaName{ font-size: 28rpx; color: #333; }