// AI资源工坊页面交互逻辑 layui.use(['form', 'laydate'], function() { var form = layui.form; var laydate = layui.laydate; // 初始化表单 form.render(); // 生成按钮点击事件 document.querySelector('.generate-btn').addEventListener('click', function() { // 显示加载动画 this.innerHTML = ' 生成中...'; this.disabled = true; // 模拟生成过程 setTimeout(() => { // 生成成功后跳转或显示结果 window.location.href = 'resource-preview.html'; }, 2000); }); }); /** * AI资源工坊页面专属脚本 */ document.addEventListener('DOMContentLoaded', function() { // 资源搜索功能 const searchInput = document.querySelector('.search-box input'); const searchBtn = document.querySelector('.search-box .search-btn'); if (searchBtn && searchInput) { searchBtn.addEventListener('click', performSearch); searchInput.addEventListener('keypress', function(e) { if (e.key === 'Enter') performSearch(); }); } // 资源排序功能 const sortSelect = document.querySelector('.resource-filters select'); if (sortSelect) { sortSelect.addEventListener('change', function() { alert(`已切换排序方式为: ${this.options[this.selectedIndex].text}`); // 在实际项目中,这里会发起AJAX请求获取排序后的资源 }); } /** * 执行搜索功能 */ function performSearch() { const keyword = searchInput.value.trim(); if (keyword) { alert(`搜索资源: ${keyword}`); // 在实际项目中,这里会发起AJAX请求获取搜索结果 } else { alert('请输入搜索关键词'); } } });