53 lines
3.7 KiB
HTML
53 lines
3.7 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="theme-color" content="#215ae8">
|
||
<meta name="description" content="碟雅产品AI中心，统一访问业务工具与 AI 应用。">
|
||
<title>碟雅产品AI中心</title>
|
||
<link rel="icon" href="./favicon.svg" type="image/svg+xml">
|
||
<link rel="stylesheet" href="./src/styles.css">
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main">跳转到应用列表</a>
|
||
<aside class="sidebar">
|
||
<a class="brand" href="./" aria-label="碟雅产品AI中心首页">
|
||
<span class="brand-mark" aria-hidden="true">碟</span>
|
||
<span><strong>碟雅</strong><small>产品AI中心</small></span>
|
||
</a>
|
||
<div class="workspace-label">WORKSPACE <span>工作空间</span></div>
|
||
<nav id="category-nav" aria-label="应用分类"></nav>
|
||
<div class="sidebar-bottom"><span class="small-mark" aria-hidden="true">D</span><div><strong>碟雅产品AI中心</strong><small>让工作，从这里开始</small></div></div>
|
||
</aside>
|
||
<div class="page">
|
||
<header class="topbar">
|
||
<div class="breadcrumb">工作台 <span>/</span> <strong>产品AI中心</strong></div>
|
||
<div class="topbar-right"><span class="portal-indicator">统一应用门户</span><span class="avatar" aria-hidden="true">碟</span></div>
|
||
</header>
|
||
<main id="main" tabindex="-1">
|
||
<section class="welcome" aria-labelledby="welcome-title">
|
||
<div class="welcome-copy"><div class="eyebrow"><span></span> DIEYA WORKSPACE</div>
|
||
<h1 id="welcome-title">每一份效率，都有入口。</h1>
|
||
<p>连接 AI 与业务，让常用应用触手可及。</p>
|
||
<div class="hero-meta"><span><strong id="total-count">8</strong> 个应用</span><i></i><span>一个入口，开启工作</span></div>
|
||
</div>
|
||
<div class="hero-art" aria-hidden="true"><div class="orbit orbit-one"></div><div class="orbit orbit-two"></div><div class="art-tile tile-one">AI<span>✦</span></div><div class="art-tile tile-two">D</div><div class="art-tile tile-three">↗</div><span class="art-dot dot-one"></span><span class="art-dot dot-two"></span></div>
|
||
</section>
|
||
<section class="application-section" aria-labelledby="section-title">
|
||
<div class="section-heading"><div><h2 id="section-title">全部应用</h2><p id="section-description">你的业务工具与 AI 助手，都在这里。</p></div>
|
||
<label class="search-box"><span id="search-icon" aria-hidden="true"></span><input id="search" type="search" placeholder="搜索应用名称或域名" aria-label="搜索应用名称或域名" autocomplete="off"><kbd aria-hidden="true">/</kbd></label>
|
||
</div>
|
||
<div class="filter-row"><div id="environment-filters" class="environment-filters" role="group" aria-label="筛选应用环境"></div><span id="result-count" class="result-count" role="status" aria-live="polite"></span></div>
|
||
<div id="app-grid" class="app-grid"></div>
|
||
<div id="empty-state" class="empty-state" hidden><div id="empty-icon" aria-hidden="true"></div><h3 id="empty-title">没有找到匹配的应用</h3><p id="empty-description">试试其他关键词，或调整筛选条件。</p><button id="reset-filters" class="reset-button" type="button">重置筛选</button></div>
|
||
</section>
|
||
<footer class="footer"><span>碟雅产品AI中心</span><span>连接业务 · 提升效率</span></footer>
|
||
</main>
|
||
</div>
|
||
<div id="toast" class="toast" role="status" aria-live="polite"></div>
|
||
<noscript><div class="noscript">请启用 JavaScript 以显示应用入口。</div></noscript>
|
||
<script type="module" src="./src/main.mjs"></script>
|
||
</body>
|
||
</html>
|