page{ width: 100%; height: 100%; background: #ccc; } .page{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; } .view{ width: 90%; display: flex; align-items: flex-end; justify-content: space-between; background: white; padding: 20rpx 0rpx; margin-top: 20rpx; border-radius: 20rpx; } .view .left{ display: flex; flex-direction: column; width: 80%; padding-left: 30rpx; font-size: 28rpx; } .view .left text{ padding: 8rpx 0rpx; } .view .right{ padding-right: 30rpx; } .view .right view{ width: 150rpx; height: 60rpx; background: red; color: white; font-size: 28rpx; display: flex; align-items: center; justify-content: center; border-radius: 10rpx; }