粤鲸会 核心会员展示

聚鲸探同好，汇岭南数藏知音

鲸粤君

粤鲸会 创始人

深耕鲸探数藏赛道多年，首创人文数藏学实践理念，以岭南文化为根基搭建粤鲸会社群，守正笃行，聚力同行，引领社群共探数字藏品价值高地。

数藏技研

社群技术总负责人

专注区块链底层技术与数字藏品安全风控，为粤鲸会提供全流程技术支撑，搭建社群专属工具，护航每一位会员的数藏资产与交流安全。

岭南藏家

社群文化主理人

醉心岭南文脉与数字藏品融合创新，执笔编撰社群人文数藏专栏，以文为媒，让岭南文化在数藏赛道绽放新光彩，传递粤鲸会文化温度。

<
>

鲸喜运营

运营负责人

统筹社群日常运营与活动策划，凝聚鲸探同好力量，让每一位会员皆有归属感与参与感。

数藏观察员

行情分析专员

紧盯鲸探平台行情与行业动态，输出专业分析报告，为社群会员提供精准数藏决策参考。

岭南数藏客

内容创作者

聚焦数藏故事与岭南风情创作，打造社群专属内容IP，让数藏不止于藏品，更有文化与温度。

鲸探守护者

社群风控专员

专注数藏安全知识科普与风险预警，守护社群会员资产安全，筑牢粤鲸会安全防线。

↑

// 二、 轮播核心逻辑 const carouselWrapper = document.querySelector('.carousel-wrapper'); const carouselItems = document.querySelectorAll('.carousel-item'); const prevBtn = document.querySelector('.prev-btn'); const nextBtn = document.querySelector('.next-btn'); const itemWidth = 100; let carouselIndex = 0; function goToCarouselIndex(index) { if (index < 0) index = carouselItems.length - 1; if (index >= carouselItems.length) index = 0; carouselIndex = index; carouselWrapper.style.transform = `translateX(-${carouselIndex * itemWidth}%)`; } prevBtn.addEventListener('click', () => goToCarouselIndex(carouselIndex - 1)); nextBtn.addEventListener('click', () => goToCarouselIndex(carouselIndex + 1)); setInterval(() => goToCarouselIndex(carouselIndex + 1), 5000);

// 三、 头像点击预览（新增对接信息提示） const avatars = document.querySelectorAll('.member-avatar, .carousel-avatar'); avatars.forEach(avatar => { avatar.addEventListener('click', () => { const name = avatar.nextElementSibling?.querySelector('.member-name, .carousel-name')?.innerText || "核心会员"; alert(`查看【${name}】详细资料及合作资源，合作对接可查看对应合作卡片内的微信/官网，或通过社群在线互动入口直达`); }); });

// 四、 合作案例：筛选+分页渲染核心函数（优化对接信息渲染） function renderCoopList() { const filteredData = currentFilter === "all" ? coopTotalData : coopTotalData.filter(item => item.type === currentFilter); totalPage = Math.ceil(filteredData.length / pageSize); if(currentPage > totalPage) currentPage = totalPage; if(totalPage === 0) currentPage = 1; const start = (currentPage - 1) * pageSize; const end = start + pageSize; const currentData = filteredData.slice(start, end);

const coopCardList = document.getElementById('coopCardList'); coopCardList.innerHTML = ''; currentData.forEach(item => { const card = document.createElement('div'); card.className = 'coop-card'; card.setAttribute('data-type', item.type); card.innerHTML = ` ${item.tag}

合作会员：${item.member}

${item.desc}

`; coopCardList.appendChild(card); // 卡片点击提示（优化对接指引） card.addEventListener('click', () => { const memberName = item.member.replace(/<[^>]+>/g, ""); alert(`【粤鲸会合作对接指引】\n1. 对接微信：${item.wx}（备注：粤鲸会+${item.tag}）\n2. 专属官网：${item.website}\n3. 快速对接：通过社群在线互动入口找核心会员对接`); }); }); document.getElementById('pageInfo').innerText = `第 ${currentPage} 页 / 共 ${totalPage || 1} 页`; document.getElementById('prevPageBtn').disabled = currentPage === 1; document.getElementById('nextPageBtn').disabled = currentPage === totalPage || totalPage === 0; }

// 五、 筛选按钮事件 const filterBtns = document.querySelectorAll('.filter-btn'); filterBtns.forEach(btn => { btn.addEventListener('click', () => { filterBtns.forEach(b => b.classList.remove('active')); btn.classList.add('active'); currentFilter = btn.getAttribute('data-filter'); currentPage = 1; renderCoopList(); }); });

// 六、 分页按钮事件 document.getElementById('prevPageBtn').addEventListener('click', () => { if(currentPage > 1) { currentPage--; renderCoopList(); } }); document.getElementById('nextPageBtn').addEventListener('click', () => { if(currentPage < totalPage) { currentPage++; renderCoopList(); } }); // 七、 返回顶部按钮逻辑 const backTopBtn = document.getElementById('backTopBtn'); window.addEventListener('scroll', () => { if(window.scrollY > 500) { backTopBtn.classList.add('show'); } else { backTopBtn.classList.remove('show'); } }); backTopBtn.addEventListener('click', () => { window.scrollTo({top: 0, behavior: 'smooth'}); });

// 初始化渲染 window.onload = () => renderCoopList();