https://moshu.netlify.app/script/index_tabs.js

1var tabs = document.getElementById("tabs");
2var tabItems = tabs.getElementsByClassName("tab-item");
3var apps = document.getElementsByClassName("app");
4var tools = document.getElementsByClassName("tool");
5var games = document.getElementsByClassName("game");
6var recommends = document.getElementsByClassName("recommend");
7var websides = document.getElementsByClassName("webside");
8function init() {
9    var config = window.localStorage.getItem("config");
10    if (config != null) {
11        config = JSON.parse(config);
12        // 加载字体
13        tabs.className = "tabs " + config.font;
14    }
15    // 初始化：只显示推荐分类
16    hideElement(apps);
17    showElement(recommends);
18    console.log("index_tabs.js loaded")
19}
20function hideElement(elements) {
21    for (var i = 0; i < elements.length; i++) {
22        elements[i].style.display = "none";
23    }
24}
25function showElement(elements) {
26    for (var i = 0; i < elements.length; i++) {
27        elements[i].style.display = "inline-block";
28    }
29}
30
31function changeTab(tab) {
32    for (var i = 0; i < tabItems.length; i++) {
33        tabItems[i].classList.remove("selected-item");
34    }
35    event.target.classList.add("selected-item");
36    if (tab === "recommend") {
37        hideElement(apps);
38        showElement(recommends);
39    } else if (tab === "tool") {
40        hideElement(apps);
41        showElement(tools);
42    } else if (tab === "game") {
43        hideElement(apps);
44        showElement(games);
45    } else if (tab === "webside") {
46        hideElement(apps);
47        showElement(websides);
48    }
49
50}
51
52init();