page{ display: flex; flex-direction: column; } .body{ flex: auto; flex-basis: 10px; height: 10px; } .nav-wrap{ display: flex; justify-content: flex-end; text-align: end; margin: -1px 10px -4px 0; } .course-wrap{ margin-bottom: 10px; } .add-course{ position: fixed; right: 0; margin-right: 48rpx; margin-bottom: 36rpx; bottom: 0; width: 45px; height: 45px; } .none-content{ text-align: center; } text.none-content{ font-size: 16px; } image.none-content{ margin-top: 120rpx; height: 240rpx; width: 220rpx; } .add-class:hover{ opacity: 0.6; }