This commit is contained in:
2025-09-03 09:08:23 +08:00
parent b13444ac4a
commit fdad866e2d
5 changed files with 832 additions and 13 deletions

View File

@@ -0,0 +1,61 @@
// 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 = '<i class="fas fa-spinner fa-spin"></i> 生成中...';
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('请输入搜索关键词');
}
}
});

View File

@@ -25,8 +25,10 @@ document.addEventListener('DOMContentLoaded', function() {
startCarousel();
// 绑定控制按钮事件
prevBtn.addEventListener('click', prevSlide);
nextBtn.addEventListener('click', nextSlide);
if (prevBtn && nextBtn) {
prevBtn.addEventListener('click', prevSlide);
nextBtn.addEventListener('click', nextSlide);
}
// 绑定指示点事件
carouselIndicators.forEach((indicator, index) => {
@@ -35,10 +37,14 @@ document.addEventListener('DOMContentLoaded', function() {
});
});
// Lines 39-45
// 鼠标悬停时暂停轮播
const carousel = document.querySelector('.carousel');
carousel.addEventListener('mouseenter', pauseCarousel);
carousel.addEventListener('mouseleave', startCarousel);
if (carousel) {
carousel.addEventListener('mouseenter', pauseCarousel);
carousel.addEventListener('mouseleave', startCarousel);
}
}
// 显示指定幻灯片