Mortar_peng/Chookoo.netPro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pro

Browse Source
This commit is contained in:
Mortar
2026-06-03 10:27:17 +08:00
parent 6a26e2209e
commit c66fa890dd
114 changed files with 2032 additions and 1054 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/story-detail.html
+95 -54
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>故事详情 - Chookoo 宠科智能科技</title>
<title>故事详情 - Chookoo 宠小科智能科技</title>
<style>
:root {
color-scheme: light;
@@ -23,7 +23,7 @@
background: var(--bg);
color: var(--text);
line-height: 1.6;
width: 100vw;
width: 100%;
overflow-x: hidden;
}
#pageContent {
@@ -462,14 +462,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 active">故事</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 active"><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">
@@ -481,9 +481,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>
@@ -503,7 +502,7 @@
<!-- 页脚 -->
<footer class="footer">
<p class="footer-text">&copy; 2025 Chookoo 宠科智能科技（苏州）有限公司 保留所有权利</p>
<p class="footer-text">&copy; 2025 Chookoo 宠小科智能科技（苏州）有限公司 保留所有权利</p>
</footer>
</div><!-- /pageContent -->
@@ -553,21 +552,23 @@
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); });
})();
// 故事数据库
const stories = {
'story-1': {
id: 'story-1',
image: '../images/cat.png',
fallback: '../images/cat.png',
avatar: '../images/cat.png',
category: '健康恢复',
image: '../images/patents/cat/9f372b85494375441c4c4d9e5b1fb526.jpg',
fallback: '../images/patents/cat/9f372b85494375441c4c4d9e5b1fb526.jpg',
avatar: '../images/patents/cat/9f372b85494375441c4c4d9e5b1fb526.jpg',
category: '多猫家庭',
date: '2024.03',
location: '上海',
pet: '橘猫',
tags: ['健康监测', '智能猫厕所', '数据报告'],
title: '小橘的逆袭日记',
location: '苏州',
pet: '田园猫',
tags: ['多猫家庭', '智能清洁', '温馨故事'],
title: '五只小奶猫的温暖新家',
excerpt: '第一次发现Chookoo的智能猫厕所后，小橘终于康复了健康...',
paragraphs: [
'我家小橘今年三岁，是一只活泼好动的橘猫。去年冬天开始，我发现它如厕的频率明显增加了，有时候一天要去好几次猫砂盆。一开始我以为只是正常的饮食变化，并没有太在意。',
@@ -584,15 +585,15 @@
},
'story-2': {
id: 'story-2',
image: '../images/dog.jpeg',
fallback: '../images/dog.jpeg',
avatar: '../images/dog.jpeg',
category: '体重管理',
image: '../images/patents/cat/49cb2973ffe172eea5eff5ef234e9de5.jpg',
fallback: '../images/patents/cat/49cb2973ffe172eea5eff5ef234e9de5.jpg',
avatar: '../images/patents/cat/49cb2973ffe172eea5eff5ef234e9de5.jpg',
category: '科学喂养',
date: '2024.02',
location: '北京',
pet: '金毛',
tags: ['智能喂食', '体重管理', '定时定量'],
title: '旺财的健身日记',
location: '上海',
pet: '英短',
tags: ['科学喂养', '体重管理', '定时定量'],
title: '灰灰的科学喂养之路',
excerpt: '旺财以前很挑食，Chookoo的智能喂食器帮它养成了定点投喂的好习惯...',
paragraphs: [
'旺财是一只两岁的金毛犬，活泼好动是它的天性。但它有一个让我头疼的问题——挑食。有时候一天不吃东西，有时候又暴饮暴食，体重一直不太稳定。',
@@ -609,15 +610,15 @@
},
'story-3': {
id: 'story-3',
image: '../images/cat.png',
fallback: '../images/cat.png',
avatar: '../images/cat.png',
image: '../images/patents/cat/4d19ed38f720b7121666c1acbeb4a25b.png',
fallback: '../images/patents/cat/4d19ed38f720b7121666c1acbeb4a25b.png',
avatar: '../images/patents/cat/4d19ed38f720b7121666c1acbeb4a25b.png',
category: 'AI识别',
date: '2024.01',
location: '深圳',
pet: '英短',
tags: ['AI摄像头', '行为识别', '远程守护'],
title: '布丁的日常',
pet: '英短蓝白',
tags: ['AI识别', '行为分析', '远程守护'],
title: '布丁的优雅日常',
excerpt: '自从用了AI摄像头，可以自动识别布丁的状态，让我惊喜万分...',
paragraphs: [
'布丁是一只一岁的英国短毛猫，因为工作原因我白天经常不在家。每次出门的时候，我都会担心它是不是安全，有没有好好吃饭，是不是又在偷偷啃我的拖鞋。',
@@ -634,15 +635,15 @@
},
'story-4': {
id: 'story-4',
image: '../images/dog.jpeg',
fallback: '../images/dog.jpeg',
avatar: '../images/dog.jpeg',
category: '饮水健康',
image: '../images/patents/cat/3082b09ccd65d31f2876b13cbfd50ce1.jpg',
fallback: '../images/patents/cat/3082b09ccd65d31f2876b13cbfd50ce1.jpg',
avatar: '../images/patents/cat/3082b09ccd65d31f2876b13cbfd50ce1.jpg',
category: '新手养宠',
date: '2024.01',
location: '杭州',
pet: '柯基',
tags: ['智能饮水机', '饮水提醒', '循环净化'],
title: '豆豆的饮水日记',
pet: '柴犬混血',
tags: ['新手养宠', '温馨陪伴', '智能饮水'],
title: '小柴的回家之路',
excerpt: '豆豆以前不爱喝水，用了智能饮水机后，循环净化的水让它爱喝了...',
paragraphs: [
'豆豆是一只三岁的柯基犬，活泼可爱，但有一个让我非常头疼的问题——不爱喝水。每次给它倒的水，放一整天都不见少。医生说长期饮水不足会导致泌尿系统和肾脏问题，这让我非常焦虑。',
@@ -659,15 +660,15 @@
},
'story-5': {
id: 'story-5',
image: '../images/cat.png',
fallback: '../images/cat.png',
avatar: '../images/cat.png',
category: '健康监测',
image: '../images/patents/cat/4a95801f0fdfd1a62c3a0ed79cf3dc0b.jpg',
fallback: '../images/patents/cat/4a95801f0fdfd1a62c3a0ed79cf3dc0b.jpg',
avatar: '../images/patents/cat/4a95801f0fdfd1a62c3a0ed79cf3dc0b.jpg',
category: '新手养猫',
date: '2023.12',
location: '广州',
pet: '美短',
tags: ['健康监测', '预防管理', '数据报告'],
title: '咪咪的健康守护',
pet: '白猫',
tags: ['新手养猫', '健康监测', '成长记录'],
title: '团子的第一天回家',
excerpt: 'Chookoo的智能设备帮我实时监测咪咪的健康状况，每次数据报告都让我很安心...',
paragraphs: [
'咪咪是一只四岁的美国短毛猫，是我从小养到大的宝贝。随着年龄的增长，我越来越关注它的健康状况。去年体检的时候，医生说咪咪的各项指标都还不错，但建议我多关注它的日常健康数据。',
@@ -684,15 +685,15 @@
},
'story-6': {
id: 'story-6',
image: '../images/dog.jpeg',
fallback: '../images/dog.jpeg',
avatar: '../images/dog.jpeg',
category: '训练养成',
image: '../images/patents/cat/21ab09a5a0f446f051beefc6110191d4.jpg',
fallback: '../images/patents/cat/21ab09a5a0f446f051beefc6110191d4.jpg',
avatar: '../images/patents/cat/21ab09a5a0f446f051beefc6110191d4.jpg',
category: '新家适应',
date: '2023.11',
location: '成都',
pet: '田园犬',
tags: ['智能狗厕所', '如厕训练', '清洁管理'],
title: '大黄的如厕训练',
pet: '中华田园犬',
tags: ['如厕训练', '新家适应', '智能狗厕所'],
title: '小棕的第一间小窝',
excerpt: '大黄以前随地大小便，用了Chookoo的智能狗厕所，科学训练让它很快养成了好习惯...',
paragraphs: [
'大黄是我从救助站领养的一只中华田园犬，刚来的时候已经一岁多了。因为之前在外面流浪过，大黄完全没有室内如厕的概念，经常在家里随地大小便，让我非常苦恼。',
@@ -875,5 +876,45 @@
}
});
</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>