.wrapper { display: flex; flex-direction: column; align-items: center; } .btns { display: flex; justify-content: space-between; align-items: center; width: 100%; view { padding: 32rpx 36rpx; line-height: 40rpx; font-size: 30rpx; } .cancel { color: rgba(0, 0, 0, 0.4); } .add { color: rgba(110, 134, 255, 1); } } .form-wrap { width: 678rpx; } textarea { display: block; width: 100%; min-height: 232rpx; padding: 20rpx 0; font-size: 28rpx; color: rgba(29, 29, 31, 1); } .placeholder-class { font-size: 28rpx; color: rgba(29, 29, 31, 1); } .photo-wrap { display: flex; flex-flow: row wrap; width: 100%; .box { width: 150rpx; height: 150rpx; border-radius: 8rpx; margin-left: 26rpx; margin-bottom: 26rpx; overflow: hidden; &:nth-of-type(4n +1) { margin-left: 0; } } image { display: block; width: 100%; height: 100%; background: pink; } }