Page navigation is very similar to TAB navigation, with basically the same functions and usage methods. The difference lies in that page navigation is more used in mobile terminal pages and APP function pages.

The expansion component also contains the navigation page container to achieve this function, in the navigation page container we can set the size of the label part and select the effect, each navigation page is a page container, we can add a variety of layout components in it, and can also set the icon effect of the navigation page label.

You might also think of adding multiple pages and a banner directly to the foreground, using the banner as the navigation line. Do this with the caveat that the banner is covered on the page rather than two horizontal row containers like in the demo, so the page needs to make sure that there is no important information covered by the banner, otherwise it will affect the user experience.