149 lines
5.9 KiB
HTML
149 lines
5.9 KiB
HTML
<!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="stylesheet" href="libs/fontawesome/css/all.min.css">
|
|
<link rel="stylesheet" href="landing.css?v=20260212008">
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<header class="site-header">
|
|
<div class="container site-header-inner">
|
|
<a class="brand" href="index.html">
|
|
<i class="fas fa-cloud"></i>
|
|
<span>玩玩云</span>
|
|
</a>
|
|
|
|
<nav class="top-nav">
|
|
<a href="product.html" class="active">产品能力</a>
|
|
<a href="scenes.html">应用场景</a>
|
|
<a href="start.html">快速开始</a>
|
|
</nav>
|
|
|
|
<div class="header-actions">
|
|
<a href="app.html?action=login" class="btn btn-secondary">
|
|
<i class="fas fa-circle-user"></i>
|
|
登录
|
|
</a>
|
|
<a href="app.html?action=register" class="btn btn-primary">
|
|
<i class="fas fa-user-plus"></i>
|
|
免费注册
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
<div class="container">
|
|
<section class="page-banner">
|
|
<h1>产品能力</h1>
|
|
<p>围绕“上传、管理、分享、权限”构建企业网盘核心能力，保持简单操作路径与稳定使用体验。</p>
|
|
<div class="kpi-row">
|
|
<div class="kpi-card">
|
|
<div class="kpi-label">存储模式</div>
|
|
<div class="kpi-value">本地 + OSS</div>
|
|
</div>
|
|
<div class="kpi-card">
|
|
<div class="kpi-label">分享策略</div>
|
|
<div class="kpi-value">密码/时效/次数</div>
|
|
</div>
|
|
<div class="kpi-card">
|
|
<div class="kpi-label">管理能力</div>
|
|
<div class="kpi-value">用户/配额/权限</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2 class="section-title"><i class="fas fa-layer-group"></i>核心功能矩阵</h2>
|
|
<div class="feature-grid">
|
|
<article class="feature-card">
|
|
<div class="feature-icon"><i class="fas fa-cloud-arrow-up"></i></div>
|
|
<div class="feature-name">上传与同步</div>
|
|
<p class="feature-desc">支持多文件上传、拖拽上传与进度反馈，上传结果即时可见。</p>
|
|
</article>
|
|
<article class="feature-card">
|
|
<div class="feature-icon"><i class="fas fa-folder-tree"></i></div>
|
|
<div class="feature-name">目录管理</div>
|
|
<p class="feature-desc">支持文件夹层级管理、重命名、删除与路径导航。</p>
|
|
</article>
|
|
<article class="feature-card">
|
|
<div class="feature-icon"><i class="fas fa-image"></i></div>
|
|
<div class="feature-name">在线预览</div>
|
|
<p class="feature-desc">图片、视频、音频等常见格式可在线打开预览。</p>
|
|
</article>
|
|
<article class="feature-card">
|
|
<div class="feature-icon"><i class="fas fa-share-nodes"></i></div>
|
|
<div class="feature-name">安全分享</div>
|
|
<p class="feature-desc">支持访问密码、有效期、访问次数，外发更可控。</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2 class="section-title"><i class="fas fa-sliders"></i>管理能力</h2>
|
|
<div class="matrix">
|
|
<article class="matrix-card">
|
|
<h3>用户与权限管理</h3>
|
|
<p>管理员可分配用户权限、管理账号状态，支持业务隔离需求。</p>
|
|
<ul class="list-check" style="margin-top:8px;">
|
|
<li><i class="fas fa-check"></i>管理员/用户角色分离</li>
|
|
<li><i class="fas fa-check"></i>权限策略可调整</li>
|
|
<li><i class="fas fa-check"></i>支持后续策略扩展</li>
|
|
</ul>
|
|
</article>
|
|
<article class="matrix-card">
|
|
<h3>存储策略与配额</h3>
|
|
<p>支持按用户设置存储类型、默认配额、容量上限，避免资源失控。</p>
|
|
<ul class="list-check" style="margin-top:8px;">
|
|
<li><i class="fas fa-check"></i>默认配额可配置</li>
|
|
<li><i class="fas fa-check"></i>OSS 与本地并行管理</li>
|
|
<li><i class="fas fa-check"></i>容量使用实时可见</li>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="cta-panel">
|
|
<div>
|
|
<h3 style="font-size:16px;margin-bottom:4px;">开始体验完整产品能力</h3>
|
|
<p>注册账号后即可进入文件管理后台，按你的业务流程配置网盘策略。</p>
|
|
</div>
|
|
<a href="app.html?action=register" class="btn btn-primary"><i class="fas fa-rocket"></i>立即开始</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container footer-inner">
|
|
<div>玩玩云 © 2026</div>
|
|
<div class="footer-tech">
|
|
<span><i class="fab fa-node-js"></i> Node.js</span>
|
|
<span><i class="fab fa-vuejs"></i> Vue.js</span>
|
|
<span><i class="fas fa-database"></i> SQLite</span>
|
|
<span><i class="fab fa-docker"></i> Docker</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script>
|
|
(async function() {
|
|
try {
|
|
const response = await fetch('/api/public/theme');
|
|
const data = await response.json();
|
|
if (data.success && data.theme === 'dark') {
|
|
document.body.classList.add('theme-dark');
|
|
}
|
|
} catch (error) {
|
|
console.log('主题加载失败，使用默认主题');
|
|
}
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|