520kiss/kitchen
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

release ohos

Browse Source
This commit is contained in:
Developer
2026-04-21 10:14:37 +08:00
parent b1acdbdf05
commit 32f5aa53fa
229 changed files with 5690 additions and 28709 deletions
Download Patch File Download Diff File Expand all files Collapse all files

373
download.html Normal file
View File

@@ -0,0 +1,373 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小妈厨房 - 下载</title>
<link rel="icon" href="assets/icons/icon_48x48.png">
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--bg-deep:#0a0a0f;
--glass-bg:rgba(255,255,255,0.06);
--glass-border:rgba(255,255,255,0.1);
--glass-shadow:0 8px 32px rgba(0,0,0,0.4);
--glass-blur:28px;
--glass-inner:rgba(255,255,255,0.05);
--glass-hover:rgba(255,255,255,0.1);
--text-primary:rgba(255,255,255,0.92);
--text-secondary:rgba(255,255,255,0.5);
--accent:#FF6B35;
--accent-soft:rgba(255,107,53,0.15);
--accent-glow:rgba(255,107,53,0.3);
--radius-xl:24px;
--radius-lg:18px;
--radius-md:14px;
--font:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif;
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{
font-family:var(--font);
min-height:100vh;
background:var(--bg-deep);
color:var(--text-primary);
overflow-x:hidden;
line-height:1.6;
}
.bg-canvas{
position:fixed;inset:0;z-index:0;overflow:hidden;
background:linear-gradient(160deg,#0d0d1a 0%,#1a0f1e 25%,#1c120a 50%,#0a1a18 75%,#0d0f1e 100%);
}
.bg-canvas::before{
content:'';position:absolute;width:700px;height:700px;border-radius:50%;
background:radial-gradient(circle,rgba(255,107,53,0.08),transparent 70%);
top:-15%;right:-10%;animation:float-a 20s ease-in-out infinite;
}
.bg-canvas::after{
content:'';position:absolute;width:600px;height:600px;border-radius:50%;
background:radial-gradient(circle,rgba(80,120,255,0.06),transparent 70%);
bottom:-12%;left:-8%;animation:float-b 24s ease-in-out infinite;
}
.bg-orb{
position:absolute;width:400px;height:400px;border-radius:50%;
background:radial-gradient(circle,rgba(160,80,255,0.06),transparent 70%);
top:40%;left:30%;animation:float-c 16s ease-in-out infinite;
}
@keyframes float-a{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,35px)}}
@keyframes float-b{0%,100%{transform:translate(0,0)}50%{transform:translate(35px,-30px)}}
@keyframes float-c{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,-25px)}}
.topbar{
position:fixed;top:0;left:0;right:0;z-index:100;
padding:0 24px;height:56px;
display:flex;align-items:center;justify-content:space-between;
background:rgba(10,10,15,0.72);
backdrop-filter:blur(24px) saturate(180%);
-webkit-backdrop-filter:blur(24px) saturate(180%);
border-bottom:1px solid rgba(255,255,255,0.06);
}
.topbar-brand{
display:flex;align-items:center;gap:10px;
text-decoration:none;color:var(--text-primary);
}
.topbar-brand img{width:32px;height:32px;border-radius:8px}
.topbar-brand span{font-size:15px;font-weight:600;letter-spacing:-.3px}
.topbar-nav{display:flex;align-items:center;gap:24px}
.topbar-nav a{
font-size:13px;color:var(--text-secondary);text-decoration:none;
transition:color .2s ease;font-weight:400;
}
.topbar-nav a:hover{color:var(--text-primary)}
.page-wrap{
position:relative;z-index:1;
max-width:720px;margin:0 auto;
padding:80px 24px 40px;
}
.glass{
background:var(--glass-bg);
backdrop-filter:blur(var(--glass-blur)) saturate(180%);
-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);
border:1px solid var(--glass-border);
border-radius:var(--radius-xl);
box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner);
position:relative;
overflow:hidden;
}
.glass::before{
content:'';position:absolute;inset:0;border-radius:inherit;
background:linear-gradient(135deg,rgba(255,255,255,0.04) 0%,transparent 50%);
pointer-events:none;
}
.hero{
display:flex;align-items:center;gap:28px;
padding:40px 36px;margin-bottom:20px;
}
.hero-icon{
width:100px;height:100px;border-radius:24px;flex-shrink:0;
box-shadow:0 12px 40px rgba(0,0,0,0.5),0 0 60px rgba(255,107,53,0.08);
animation:icon-in .8s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes icon-in{0%{opacity:0;transform:scale(.6) rotate(-8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
.hero-text{min-width:0;animation:fade-up .6s .15s ease both;padding-top:8px}
.hero-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.hero h1{
font-size:30px;font-weight:700;letter-spacing:-.5px;
margin:0;
}
.hero .tagline{
font-size:14px;color:var(--text-secondary);font-weight:400;
margin-bottom:10px;
}
.hero .desc{
font-size:13px;color:rgba(255,255,255,0.38);line-height:1.7;
margin-bottom:12px;
}
.hero .badge{
display:inline-flex;align-items:center;gap:5px;
padding:5px 14px;
background:var(--accent-soft);border:1px solid rgba(255,107,53,0.2);border-radius:20px;
font-size:12px;font-weight:500;color:var(--accent);
}
@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
.section{padding:28px 28px 24px;margin-bottom:16px}
.section-title{
font-size:13px;font-weight:500;letter-spacing:1px;
color:var(--text-secondary);margin-bottom:16px;
}
.features{
display:grid;grid-template-columns:1fr 1fr;gap:12px;
}
.feat{
padding:18px;border-radius:var(--radius-md);
background:rgba(255,255,255,0.04);
backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,0.06);
transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.feat:hover{
transform:translateY(-2px);
background:rgba(255,255,255,0.07);
border-color:rgba(255,255,255,0.1);
}
.feat .emoji{font-size:28px;margin-bottom:10px;display:block}
.feat h3{font-size:14px;font-weight:600;margin-bottom:4px}
.feat p{font-size:12px;color:var(--text-secondary);line-height:1.5}
.downloads{display:flex;flex-direction:column;gap:10px}
.dl-btn{
display:flex;align-items:center;gap:14px;
padding:16px 20px;border-radius:var(--radius-lg);
background:rgba(255,255,255,0.04);
backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
border:1px solid rgba(255,255,255,0.07);
text-decoration:none;color:var(--text-primary);
transition:all .25s ease;cursor:pointer;
}
.dl-btn:hover{
background:var(--glass-hover);
border-color:rgba(255,255,255,0.14);
transform:translateY(-1px);
box-shadow:0 8px 24px rgba(0,0,0,0.3);
}
.dl-btn:active{transform:scale(.98)}
.dl-btn .dl-icon{
width:44px;height:44px;border-radius:12px;
display:flex;align-items:center;justify-content:center;
font-size:22px;flex-shrink:0;
}
.dl-btn.win .dl-icon{background:rgba(0,120,212,0.12)}
.dl-btn.mac .dl-icon{background:rgba(255,255,255,0.06)}
.dl-btn.android .dl-icon{background:rgba(61,220,132,0.1)}
.dl-btn.ios .dl-icon{background:rgba(0,122,255,0.1)}
.dl-btn .dl-info{flex:1;min-width:0}
.dl-btn .dl-info h3{font-size:15px;font-weight:600;margin-bottom:1px}
.dl-btn .dl-info p{font-size:12px;color:var(--text-secondary)}
.dl-btn .dl-arrow{
font-size:18px;color:var(--text-secondary);
transition:transform .2s ease;
}
.dl-btn:hover .dl-arrow{transform:translateX(3px)}
.dl-btn.coming-soon{opacity:.55}
.dl-btn.coming-soon .dl-info p::after{content:' · 即将上线'}
.screenshots{
display:flex;gap:12px;overflow-x:auto;
padding-bottom:8px;scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
}
.screenshots::-webkit-scrollbar{height:6px}
.screenshots::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}
.screenshots::-webkit-scrollbar-track{background:rgba(255,255,255,0.04);border-radius:3px}
.screenshots .shot{
flex:0 0 180px;height:320px;border-radius:var(--radius-md);
background:rgba(255,255,255,0.03);
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,0.05);
scroll-snap-align:start;
display:flex;align-items:center;justify-content:center;
font-size:48px;
transition:transform .2s ease,border-color .2s ease;
overflow:hidden;
}
.screenshots .shot img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.screenshots .shot:hover{transform:scale(1.03);border-color:rgba(255,255,255,0.1)}
.footer{
text-align:center;padding:32px 24px 16px;
font-size:12px;color:var(--text-secondary);
}
.footer .links{
display:flex;justify-content:center;flex-wrap:wrap;gap:6px 20px;
margin-bottom:12px;
}
.footer .links a{
color:var(--text-secondary);text-decoration:none;
transition:color .2s ease;
}
.footer .links a:hover{color:var(--accent)}
.footer .copy{opacity:.5}
@media(max-width:640px){
.page-wrap{padding:72px 16px 24px}
.hero{flex-direction:column;text-align:center;padding:32px 24px;gap:20px}
.hero-icon{width:80px;height:80px;border-radius:20px}
.hero h1{font-size:24px}
.features{grid-template-columns:1fr}
.section{padding:20px 20px 18px}
.topbar-nav{gap:16px}
.topbar-nav a{font-size:12px}
}
</style>
</head>
<body>
<div class="bg-canvas"><div class="bg-orb"></div></div>
<nav class="topbar">
<a class="topbar-brand" href="#">
<img src="assets/icons/icon_512x512.png" alt="icon">
<span>小妈厨房</span>
</a>
<div class="topbar-nav">
<a href="#hero">首页</a>
<a href="#download">下载</a>
<a href="#about">关于</a>
</div>
</nav>
<div class="page-wrap">
<div class="glass hero" id="hero">
<img class="hero-icon" src="assets/icons/icon_512x512.png" alt="小妈厨房">
<div class="hero-text">
<div class="hero-title-row">
<h1>小妈厨房</h1>
<span class="badge">✦ v0.99.1</span>
</div>
<p class="tagline">每一餐，都是家的味道 🍳</p>
<p class="desc">从「今天吃什么」的纠结中解放，智能推荐搭配海量菜谱，让每一顿饭都充满家的温暖。食材管理、烹饪技巧，一站式解决厨房大小事。</p>
</div>
</div>
<div class="glass section" id="features">
<div class="section-title">✨ 特色功能</div>
<div class="features">
<div class="feat">
<span class="emoji">🤔</span>
<h3>今天吃什么</h3>
<p>智能推荐，告别选择困难</p>
</div>
<div class="feat">
<span class="emoji">📖</span>
<h3>菜谱大全</h3>
<p>海量菜谱，步骤详细易懂</p>
</div>
<div class="feat">
<span class="emoji">🛒</span>
<h3>食材管理</h3>
<p>冰箱有什么，一查便知</p>
</div>
<div class="feat">
<span class="emoji">💡</span>
<h3>厨房小贴士</h3>
<p>烹饪技巧，新手也能变大厨</p>
</div>
</div>
</div>
<div class="glass section" id="preview">
<div class="section-title">📱 应用预览</div>
<div class="screenshots">
<div class="shot"><img src="https://www.wktyl.com/pic/yun.jpeg" alt="预览"></div>
<div class="shot"><img src="https://www.wktyl.com/pic/cp1.jpg" alt="预览"></div>
<div class="shot">🧑‍🍳</div>
<div class="shot">🥬</div>
<div class="shot">📝</div>
</div>
</div>
<div class="glass section" id="download">
<div class="section-title">⬇️ 下载安装</div>
<div class="downloads">
<a class="dl-btn win" href="dist/MomKitchen_Setup_0.99.1.exe">
<div class="dl-icon">🪟</div>
<div class="dl-info">
<h3>Windows 桌面版</h3>
<p>Windows 10 / 11 · 64 位 · 19.5 MB</p>
</div>
<span class="dl-arrow">›</span>
</a>
<a class="dl-btn mac coming-soon" href="#">
<div class="dl-icon">🍎</div>
<div class="dl-info">
<h3>macOS</h3>
<p>macOS 12+ · Apple Silicon & Intel</p>
</div>
<span class="dl-arrow">›</span>
</a>
<a class="dl-btn android coming-soon" href="#">
<div class="dl-icon">🤖</div>
<div class="dl-info">
<h3>Android</h3>
<p>Android 8.0+ · APK</p>
</div>
<span class="dl-arrow">›</span>
</a>
<a class="dl-btn ios coming-soon" href="#">
<div class="dl-icon">📱</div>
<div class="dl-info">
<h3>iOS</h3>
<p>iOS 15+ · App Store</p>
</div>
<span class="dl-arrow">›</span>
</a>
</div>
</div>
<div class="footer" id="about">
<div class="links">
<a href="https://www.wktyl.com" target="_blank">官网</a>
<a href="https://www.wktyl.com" target="_blank">隐私政策</a>
<a href="https://www.wktyl.com" target="_blank">用户协议</a>
<a href="https://www.wktyl.com" target="_blank">联系我们</a>
<a href="https://www.wktyl.com" target="_blank">更新日志</a>
</div>
<p class="copy">© 2026 微风暴工作室 · 小妈厨房</p>
</div>
</div>
</body>
</html>