三宝福露酒官网,河南福禄寿品牌管理有限公司出品

三宝福露酒官网,河南福禄寿品牌管理有限公司出品 网站首页公司简介新闻动态产品中心代理招商联系我们 加载中... 搜索 文章分类 加载中... 热门文章 加载中... '; const params = { page: currentPage, page_size: pageSize, keywords: keywords, language_type: localStorage.getItem("lang") || "zh-cn", }; if (catIds) { params.cat_ids = catIds; } if (sortColumn) { params.sort_by = sortColumn; params.sort = sortDirection; } r("/api/gatewayCms/articles/list", params) .then((res) => { if (res.code !== 0 || !res.data || !res.data.data) { listContainer.innerHTML = ` 暂无文章 `; paginationContainer.innerHTML = ""; return; } const articles = res.data.data; const total = res.data.total || articles.length; totalPages = Math.ceil(total / pageSize) || 1; if (!articles.length) { listContainer.innerHTML = ` 暂无文章 `; paginationContainer.innerHTML = ""; return; } let html = ""; articles.forEach((article, index) => { const imgUrl = article.thumbnail && article.thumbnail.id > 0 ? article.thumbnail.url : ""; const title = escapeHtml(article.title || "未命名文章"); const excerpt = escapeHtml(stripHtml(article.abstract || "").substring(0, 120)); const date = formatDate(article.published_at || article.updated_at || ""); const views = article.counter && article.counter.views ? String(article.counter.views) : "0"; const catName = article.category && article.category.name ? escapeHtml(article.category.name) : "资讯"; const detailLink = article.pc_detail_link || article.detail_link || "#"; html += ` ${imgUrl ? `` : ""} ${catName} ${title} ${excerpt} ${date} ${views} `; }); listContainer.innerHTML = html; // 滚动入场动画 if ("IntersectionObserver" in window) { const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { const idx = Number(entry.target.dataset.index) || 0; setTimeout(() => { entry.target.classList.add("is-visible"); }, idx * 100); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); container.querySelectorAll(".yg-news-item").forEach((item) => { observer.observe(item); }); } else { container.querySelectorAll(".yg-news-item").forEach((item) => { item.classList.add("is-visible"); }); } renderPagination(); }) .catch((err) => { console.error("获取文章列表失败:", err); listContainer.innerHTML = ` 加载失败，请稍后重试 `; paginationContainer.innerHTML = ""; }); }; const renderPagination = () => { if (totalPages <= 1) { paginationContainer.innerHTML = ""; return; } let html = ""; html += ` `; const start = Math.max(1, currentPage - 2); const end = Math.min(totalPages, currentPage + 2); if (start > 1) { html += `1`; if (start > 2) html += `...`; } for (let i = start; i <= end; i++) { html += `${i}`; } if (end < totalPages) { if (end < totalPages - 1) html += `...`; html += `${totalPages}`; } html += `= totalPages ? "disabled" : ""} aria-label="下一页"> `; paginationContainer.innerHTML = html; }; paginationContainer.addEventListener("click", (e) => { const btn = e.target.closest(".yg-page-btn"); if (!btn || btn.disabled) return; if (btn.classList.contains("yg-page-prev")) { if (currentPage > 1) { currentPage--; fetchArticles(); } } else if (btn.classList.contains("yg-page-next")) { if (currentPage < totalPages) { currentPage++; fetchArticles(); } } else if (btn.dataset.page) { currentPage = parseInt(btn.dataset.page); fetchArticles(); } }); const searchInput = container.querySelector(".yg-widget-search input"); const searchBtn = container.querySelector(".yg-widget-search button"); if (searchInput && searchBtn) { const doSearch = () => { keywords = searchInput.value.trim(); currentPage = 1; fetchArticles(); }; searchBtn.addEventListener("click", doSearch); searchInput.addEventListener("keydown", (e) => { if (e.key === "Enter") doSearch(); }); } // 初始化加载 fetchArticles(); fetchCategories(); fetchHotArticles(); }); })(); 快速链接 关注我们 联系我们 河南省郑州市惠济区 sanbaofu@5pc.cn 0371-55554499 313122775 扫一扫关注我们 >网站首页>公司简介>产品中心>新闻动态>联系我们 × 长按屏幕识别二维码 打开手机扫描二维码 × × 请选择一种导航方式 取消 友情链接: 企便利 域名抢注 32.CN知协 企通社 ePower企服引擎 站点智能 ToB产业网址导航 深圳百技文化教育科技集团有限公司 绿灯行电缆集团 燕赵大地（北京）酒业有限公司 官网 更多 Copyright @2021-2026 三宝福露酒官网 版权所有 支持 反馈 订阅 数据