Add files via upload

https://yunce.wk9988.cn/
2025-03-04 23:48:47 +08:00
parent 5673cc80b3
commit 877747bbc5
7 changed files with 727 additions and 0 deletions
--- a/main.js
+++ b/main.js
@@ -0,0 +1,114 @@
+// 轮播图功能
+document.addEventListener('DOMContentLoaded', function() {
+    const carousel = document.querySelector('.carousel-items');
+    const items = document.querySelectorAll('.carousel-item');
+    const totalItems = items.length;
+    let currentIndex = 0;
+
+    // 自动轮播函数
+    function autoSlide() {
+        currentIndex = (currentIndex + 1) % totalItems;
+        carousel.style.transform = `translateX(-${currentIndex * 100}%)`;
+    }
+
+    // 设置自动轮播间隔
+    setInterval(autoSlide, 5000);
+
+    // 分类切换功能
+    const categoryItems = document.querySelectorAll('.category-item');
+    const softwareCards = document.querySelectorAll('.software-card');
+
+    categoryItems.forEach(item => {
+        item.addEventListener('click', () => {
+            categoryItems.forEach(cat => cat.classList.remove('active'));
+            item.classList.add('active');
+
+            const category = item.dataset.category;
+            
+            softwareCards.forEach(card => {
+                if (category === 'ALL' || card.dataset.category === category) {
+                    card.style.display = 'block';
+                } else {
+                    card.style.display = 'none';
+                }
+            });
+        });
+    });
+
+    // 下载记录功能
+    const downloadHistoryBtn = document.querySelector('.download-history-btn');
+    const downloadHistoryPopup = document.querySelector('.download-history-popup');
+    const historyList = document.querySelector('.history-list');
+
+    // 模拟下载记录数据
+    const downloadHistory = [];
+
+    // 显示/隐藏下载记录悬浮窗
+    downloadHistoryBtn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        downloadHistoryPopup.classList.toggle('active');
+        updateHistoryList();
+    });
+
+    // 点击其他地方关闭悬浮窗
+    document.addEventListener('click', (e) => {
+        if (!downloadHistoryPopup.contains(e.target) && 
+            !downloadHistoryBtn.contains(e.target)) {
+            downloadHistoryPopup.classList.remove('active');
+        }
+    });
+
+    // 添加下载记录
+    function addDownloadRecord(software) {
+        const record = {
+            name: software.name,
+            icon: software.icon,
+            time: new Date().toLocaleString()
+        };
+        downloadHistory.unshift(record);
+        updateHistoryList();
+    }
+
+    // 更新下载记录列表
+    function updateHistoryList() {
+        historyList.innerHTML = downloadHistory.length ? 
+            downloadHistory.map(record => `
+                <div class="history-item">
+                    <img src="${record.icon}" alt="${record.name}" class="history-item-icon">
+                    <div class="history-item-info">
+                        <div class="history-item-name">${record.name}</div>
+                        <div class="history-item-time">${record.time}</div>
+                    </div>
+                </div>
+            `).join('') :
+            '<div class="history-empty">暂无下载记录</div>';
+    }
+
+    // 动态加载软件列表
+    function loadSoftwareList() {
+        fetch('php/get_software_list.php')
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    const softwareGrid = document.querySelector('.software-grid');
+                    softwareGrid.innerHTML = data.data.map(software => `
+                        <a href="detail.html?id=${software.id}" class="software-card" data-category="${software.category}">
+                            <div class="software-image">
+                                <img src="uploads/icons/${software.icon_path}" alt="${software.name}">
+                            </div>
+                            <div class="software-info">
+                                <h3>${software.name}</h3>
+                                <p>${software.description}</p>
+                                <div class="software-tags">
+                                    <span class="tag">${software.category}</span>
+                                </div>
+                            </div>
+                        </a>
+                    `).join('');
+                }
+            });
+    }
+
+    // 初始加载软件列表
+    loadSoftwareList();
+});