Pro
This commit is contained in:
+60
-20
@@ -22,7 +22,7 @@
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
width: 100vw;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -508,14 +508,14 @@
|
||||
<nav class="navbar" style="opacity:0">
|
||||
<div class="navbar-inner">
|
||||
<a href="../index.html" class="navbar-logo">
|
||||
<img src="../images/logo.png" alt="Chookoo" />
|
||||
<img src="../images/白字logo.png" alt="Chookoo" />
|
||||
</a>
|
||||
<div class="navbar-menu">
|
||||
<a href="../index.html" class="navbar-link">首页</a>
|
||||
<a href="products.html" class="navbar-link">产品</a>
|
||||
<a href="stories.html" class="navbar-link">故事</a>
|
||||
<a href="app.html" class="navbar-link">App</a>
|
||||
<a href="company.html?article=201" class="navbar-link">关于我们</a>
|
||||
<a href="../index.html" class="navbar-link"><span data-i18n="nav_home">首页</span></a>
|
||||
<a href="products.html" class="navbar-link"><span data-i18n="nav_products">产品</span></a>
|
||||
<a href="stories.html" class="navbar-link"><span data-i18n="nav_stories">故事</span></a>
|
||||
<a href="app.html" class="navbar-link"><span data-i18n="nav_app">App</span></a>
|
||||
<a href="company.html?article=201" class="navbar-link"><span data-i18n="nav_about">关于我们</span></a>
|
||||
</div>
|
||||
<div class="navbar-actions">
|
||||
<a href="help.html" class="navbar-btn" aria-label="Search">
|
||||
@@ -527,9 +527,8 @@
|
||||
<select id="langSelect" aria-label="Language" class="lang-select-hero">
|
||||
<option value="zh">中文</option>
|
||||
<option value="en">EN</option>
|
||||
<option value="ja">日本語</option>
|
||||
</select>
|
||||
<a href="../index.html#contact" class="navbar-cta">联系我们</a>
|
||||
<a href="../index.html#contact" class="navbar-cta"><span data-i18n="nav_contact">联系我们</span></a>
|
||||
<button class="navbar-btn mobile-menu-btn" aria-label="Menu">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 6h16M4 12h16M4 18h16"></path></svg>
|
||||
</button>
|
||||
@@ -559,7 +558,7 @@
|
||||
</section>
|
||||
|
||||
<!-- 分类标签 -->
|
||||
<div class="category-tabs" id="categoryTabs">
|
||||
<div class="category-tabs" id="categoryTabs" style="display:none;">
|
||||
<div class="category-tab active" data-category="all">全部</div>
|
||||
<div class="category-tab" data-category="dealer">经销商入驻</div>
|
||||
<div class="category-tab" data-category="affiliate">联盟推广</div>
|
||||
@@ -569,6 +568,11 @@
|
||||
|
||||
<!-- 文章分类列表 -->
|
||||
<div id="articlesContainer"></div>
|
||||
<div id="comingSoon" style="text-align:center;padding:80px 24px;">
|
||||
<div style="font-size:48px;margin-bottom:16px;">🤝</div>
|
||||
<h3 style="font-size:20px;color:#1f2937;margin-bottom:8px;">合作内容筹备中</h3>
|
||||
<p style="font-size:14px;color:#6b7280;">如有合作意向，请联系我们：support@chookoo.net</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 文章详情视图 -->
|
||||
@@ -584,8 +588,8 @@
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer">
|
||||
<img src="../images/logo.png" alt="Chookoo" class="footer-logo" />
|
||||
<p class="footer-text">© 2025 宠科智能科技（苏州）有限公司 保留所有权利</p>
|
||||
<img src="../images/白字logo.png" alt="Chookoo" class="footer-logo" />
|
||||
<p class="footer-text">© 2025 宠小科智能科技（苏州）有限公司 保留所有权利</p>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
@@ -642,6 +646,8 @@
|
||||
window.addEventListener('resize', scale);
|
||||
window.addEventListener('load', fixLayout);
|
||||
setTimeout(fixLayout, 2000);
|
||||
new MutationObserver(() => requestAnimationFrame(fixLayout)).observe(content, { childList: true, subtree: true, attributes: true });
|
||||
document.querySelectorAll('img').forEach(img => { if (!img.complete) img.addEventListener('load', fixLayout); });
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
@@ -657,14 +663,8 @@
|
||||
tech: { name: '技术合作', icon: '🔬' }
|
||||
};
|
||||
|
||||
// 默认文章数据（合作伙伴）
|
||||
const defaultArticles = [
|
||||
{ id: 301, pageType: 'partner', category: 'dealer', categoryName: '经销商入驻', title: '经销商入驻条件', content: '<h2>入驻条件</h2><ul><li>具有合法经营资质</li><li>有宠物行业经验优先</li><li>具备一定的资金实力</li><li>认同品牌理念</li></ul>', views: 654, date: '2025-01-15' },
|
||||
{ id: 302, pageType: 'partner', category: 'dealer', categoryName: '经销商入驻', title: '经销商政策', content: '<h2>合作政策</h2><ul><li>区域独家保护</li><li>市场费用支持</li><li>培训支持</li><li>售后支持</li></ul>', views: 543, date: '2025-01-14' },
|
||||
{ id: 303, pageType: 'partner', category: 'affiliate', categoryName: '联盟推广', title: '推广联盟计划', content: '<h2>推广联盟</h2><p>加入Chookoo推广联盟，通过分享获得收益。</p><ul><li>佣金比例：10%-15%</li><li>结算周期：月结</li><li>支持素材丰富</li></ul>', views: 432, date: '2025-01-13' },
|
||||
{ id: 304, pageType: 'partner', category: 'business', categoryName: '企业采购', title: '企业采购服务', content: '<h2>企业采购</h2><p>为企业客户提供定制化采购服务：</p><ul><li>批量优惠</li><li>定制包装</li><li>专属客服</li><li>发票支持</li></ul>', views: 321, date: '2025-01-12' },
|
||||
{ id: 305, pageType: 'partner', category: 'tech', categoryName: '技术合作', title: '技术合作', content: '<h2>技术合作</h2><p>我们欢迎各类技术合作：</p><ul><li>智能家居平台对接</li><li>Pet IoT生态合作</li><li>技术授权</li></ul>', views: 234, date: '2025-01-11' }
|
||||
];
|
||||
// 占位文章已隐藏，待正式内容后恢复
|
||||
const defaultArticles = [];
|
||||
|
||||
// 文章数据
|
||||
let articles = [...defaultArticles];
|
||||
@@ -865,5 +865,45 @@
|
||||
document.addEventListener('keydown',function(e){if(e.key==='Escape'&&shopModal&&shopModal.style.visibility==='visible'){shopModal.style.opacity='0';shopModal.style.visibility='hidden';shopModal.querySelector('div').style.transform='scale(0.9) translateY(20px)';document.body.style.overflow='';}});
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(() => {
|
||||
const t = {
|
||||
zh: {
|
||||
nav_home: "棣栭〉", nav_products: "浜у搧", nav_stories: "鏁呬簨",
|
||||
nav_app: "App", nav_about: "鍏充簬鎴戜滑", nav_contact: "鑱旂郴鎴戜滑",
|
||||
footer_desc: "AIoT 涓诲姩寮忓疇鐗╁仴搴风鐞嗗紑鍒涜€咃紝璁╁仴搴峰彲瑙併€侀渶姹傚彲瑙ｃ€佸疇鐖辨棤闂淬€?,
|
||||
footer_products: "浜у搧", footer_support: "鏀寔", footer_contact: "鑱旂郴鎴戜滑",
|
||||
footer_cat: "鏅鸿兘鐚帟鎵€", footer_feeder: "鏅鸿兘鍠傞鍣?,
|
||||
footer_fountain: "鏅鸿兘楗按鏈?, footer_camera: "AI 鎽勫儚澶?,
|
||||
footer_help: "甯姪涓績", footer_faq: "甯歌闂",
|
||||
footer_warranty: "淇濅慨鏀跨瓥", footer_returns: "閫€鎹㈣揣",
|
||||
footer_privacy: "闅愮鏀跨瓥", footer_terms: "鏈嶅姟鏉℃",
|
||||
footer_copyright: "漏 2025 Chookoo. All rights reserved."
|
||||
},
|
||||
en: {
|
||||
nav_home: "Home", nav_products: "Products", nav_stories: "Stories",
|
||||
nav_app: "App", nav_about: "About Us", nav_contact: "Contact Us",
|
||||
footer_desc: "AIoT Pioneer in Proactive Pet Health Management 鈥?making health visible, needs understood, and care seamless.",
|
||||
footer_products: "Products", footer_support: "Support", footer_contact: "Contact Us",
|
||||
footer_cat: "Smart Cat Litter", footer_feeder: "Smart Feeder",
|
||||
footer_fountain: "Smart Fountain", footer_camera: "AI Camera",
|
||||
footer_help: "Help Center", footer_faq: "FAQ",
|
||||
footer_warranty: "Warranty", footer_returns: "Returns",
|
||||
footer_privacy: "Privacy Policy", footer_terms: "Terms of Service",
|
||||
footer_copyright: "漏 2025 Chookoo. All rights reserved."
|
||||
}
|
||||
};
|
||||
const els = document.querySelectorAll("[data-i18n]");
|
||||
const s = document.getElementById("langSelect");
|
||||
const apply = (l) => {
|
||||
const d = t[l] || t.zh;
|
||||
els.forEach(el => { const k = el.dataset.i18n; if (d[k]) el.textContent = d[k]; });
|
||||
if (s) s.value = l;
|
||||
};
|
||||
const lang = (navigator.language||"").toLowerCase().startsWith("zh") ? "zh" : "en";
|
||||
apply(lang);
|
||||
if (s) s.addEventListener("change", e => apply(e.target.value));
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user