| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>易租租-分类</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="/api/static/css/index.css">
- <link rel="stylesheet" href="/api/static/css/category.css">
- </head>
- <body>
- {{template "NavigationBar.tmpl" .}}
- <div class="category-page">
- <div class="category-page-menu">
- {{- range $index, $menu := .menus}}
- <div class="category-menu-item" data-value="{{$menu.id}}">{{$menu.typeName}}</div>
- {{- end}}
- </div>
- <div class="category-page-body">{{.menus}}</div>
- </div>
- {{template "FooterBar.tmpl" .}}
- </body>
- <script>
- let categoryMenuItems = document.getElementsByClassName("category-menu-item")
- for (let i = 0; i < categoryMenuItems.length; i++) {
- let item = categoryMenuItems[i]
- item.addEventListener("click", function () {
- for (let j = 0; j < categoryMenuItems.length; j++) {
- let cmi = categoryMenuItems[j]
- if (cmi !== item && cmi.classList.contains("category-menu-item-select")) {
- cmi.className = "category-menu-item"
- }
- }
- this.className = "category-menu-item category-menu-item-select"
- var newUrl = window.location.origin + '/category/';
- history.pushState(null, null, newUrl + "666");
- })
- if (i === 0){
- item.click()
- }
- }
- </script>
- </html>
|
