.box { width: 100%; height: 100%; overflow: hidden; background-image: radial-gradient(closest-side at 50% 55%,#03447c, #02325c, #002046); display: flex; flex-direction: column; } .menu { height: 52px; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 17px; li { width: 10%; height: 52px; line-height: 52px; text-align: center; cursor: pointer; font-family: sybold; color: #EBFAFF; } } .content { flex: 1; overflow: hidden; } .router-link-active { background-image: linear-gradient(to right, #052D5A, #0B416F, #136B93, #1F7C93, #136B93, #0B416F, #052D5A); }