.box{ width: 100%; height: 100%; overflow: hidden; background: #01122e; display: flex; flex-direction: column; // overflow: hidden; } .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; // background-image: radial-gradient(#004987,#03447c,#02325c,#012341,#01122e); // background: red; } .router-link-active{ background-image: linear-gradient(to right, #052D5A , #0B416F,#136B93,#1F7C93,#136B93,#0B416F,#052D5A); }