How does framework7 jump to the page?

using framework7, for the first time, I found that writing a tag in it would not jump after writing href directly.
then I groped for the route, but I didn"t understand the.. (routes for a long time.)
the following code is written according to the tutorial, but it doesn"t respond

                <a href="/login/" class="link">
                    <i class="icon f7-icons ios-only">person</i>
                    <span class="tabbar-label"></span>
                </a>

var app = new Framework7 ({
root:"- sharpapp",

routes: routes,
});

routes = [
{

path: "/",
url: "./index.html",

},
{

path: "/login/",
url: "./login.html",

/ / Default route (404 page). MUST BE THE LAST
];

want to jump from index.html to login.html