212 lines
7.7 KiB
HTML
212 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>欢迎使用《小飞工作日记》文件分享系统</title>
|
||
<style>
|
||
:root {
|
||
--primary-color: #2c3e50;
|
||
--hover-color: #3498db;
|
||
--accent-color: #e74c3c;
|
||
}
|
||
|
||
#time-header {
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
background: var(--primary-color);
|
||
color: white;
|
||
padding: 15px;
|
||
text-align: center;
|
||
font-size: 1.5em;
|
||
z-index: 1000;
|
||
}
|
||
|
||
.sidebar {
|
||
margin-top: 60px;
|
||
width: 280px;
|
||
position: fixed;
|
||
padding: 20px;
|
||
background: #f5f6fa;
|
||
height: calc(100vh - 80px);
|
||
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.folder {
|
||
margin-bottom: 15px;
|
||
padding: 12px;
|
||
background: white;
|
||
border-radius: 8px;
|
||
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||
transition: transform 0.2s;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.folder:hover {
|
||
transform: translateX(10px);
|
||
}
|
||
|
||
#content-area {
|
||
margin-left: 320px;
|
||
padding: 30px;
|
||
margin-top: 60px;
|
||
transition: opacity 0.3s;
|
||
}
|
||
|
||
.document-item {
|
||
margin: 15px 0;
|
||
padding: 15px;
|
||
background: white;
|
||
border-left: 4px solid var(--hover-color);
|
||
border-radius: 4px;
|
||
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
.document-item:hover {
|
||
transform: scale(1.02);
|
||
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.file-link {
|
||
text-decoration: none;
|
||
color: var(--primary-color);
|
||
display: block;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.file-link:hover {
|
||
color: var(--accent-color);
|
||
}
|
||
|
||
.loading {
|
||
text-align: center;
|
||
padding: 20px;
|
||
color: #666;
|
||
font-size: 1.2em;
|
||
}
|
||
a[href$=".pdf"]::before { content: "📄 "; }
|
||
a[href$=".txt"]::before { content: "📄 "; }
|
||
a[href$=".sketch"]::before { content: "🎨 "; }
|
||
a[href$=".docx"]::before { content: "📑 "; }
|
||
a[href$=".jpg"]::before { content: "🖼 "; }
|
||
a[href$=".png"]::before { content: "🖼 "; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="time-header"></div>
|
||
|
||
<div class="sidebar">
|
||
<div class="folder" data-folder="gonggao">
|
||
<a class="file-link">请关注微信公众号：小飞工作日记</a>
|
||
</div>
|
||
<div class="folder" data-folder="gonggao">
|
||
<a class="file-link">获取更多资源，Q2群：138645448</a>
|
||
</div>
|
||
<div class="folder" data-folder="live">
|
||
<a class="file-link">📁 直播源免费分享</a>
|
||
</div>
|
||
<div class="folder" data-folder="videos">
|
||
<a class="file-link">📁 影视资源分享</a>
|
||
</div>
|
||
<div class="folder" data-folder="windows">
|
||
<a class="file-link">📁 电脑资源分享</a>
|
||
</div>
|
||
<div class="folder" data-folder="zonghe1">
|
||
<a class="file-link">📁 TV影视V7分享</a>
|
||
</div>
|
||
<!-- <div class="folder" data-folder="zonghe2">-->
|
||
<!-- <a class="file-link">📁 综合分享分享2</a>-->
|
||
<!-- </div>-->
|
||
</div>
|
||
|
||
<div id="content-area"></div>
|
||
|
||
<script>
|
||
const documents = {
|
||
gonggao: [
|
||
{ name: "更多资源分享，请关注微信公众号", url: "http://panelnas.iepose.cn/f/vlsA/小飞工作日记.jpg" },
|
||
{ name: "更多资源分享，请关注微信小程序", url: "http://panelnas.iepose.cn/f/w0ty/小飞云剪切.jpg" },
|
||
// { name: "更多资源分享，请关注微信小程序", url: "http://zdirnas.iepose.cn/public/小飞云剪切.jpg" },
|
||
],
|
||
live: [
|
||
{ name: "ZB源-最新250312，免费分享", url: "https://share.feijipan.com/s/cYFSlFB8" },
|
||
// { name: "ZB源-最新250312，免费分享", url: "https://share.feijipan.com/s/cYFSlFB8" },
|
||
// { name: "ZB源-最新250312，免费分享", url: "https://share.feijipan.com/s/cYFSlFB8" },
|
||
// { name: "ZB源-最新250312，免费分享", url: "https://share.feijipan.com/s/cYFSlFB8" },
|
||
|
||
],
|
||
videos: [
|
||
{ name: "白丝视频", url: "https://api.317ak.com/API/sp/bssp.php" },
|
||
{ name: "「豆瓣9.8记录片《蓝色星球》1-2季 完整全集」", url: "https://www.alipan.com/s/pahh35Kpj11" },
|
||
{ name: "「BBC.地球脉动Ⅱ4K[国语]」", url: "https://www.alipan.com/s/GqdQ1Hokjbu" },
|
||
{ name: "「天道4K未删减24集全18.67G」", url: "https://www.alipan.com/s/KAPcBi94DjC" },
|
||
],
|
||
windows: [
|
||
{ name: "直播源搜索工具V1-密码：xfgzrj10", url: "https://fxfdyp.lanzout.com/icBgn2oykovg" },
|
||
{ name: "IP地址提取工具V6-密码：xfgzrj140", url: "https://share.feijipan.com/s/33FuA7gp" },
|
||
{ name: "通过IP获取直播源V5-密码：zbyhq", url: "https://fxfdyp.lanzout.com/ip32q2l3k8vg" },
|
||
],
|
||
zonghe1: [
|
||
{ name: "TV影视（V7）地址", url: "https://share.feijipan.com/s/dHFolNbK" },
|
||
// { name: "旧版设计稿.psd", url: "/archives/old-design.psd" }
|
||
]
|
||
// zonghe2: [
|
||
// { name: "2023存档2.zip", url: "/archives/2023.zip" },
|
||
// { name: "旧版设计稿2.psd", url: "/archives/old-design.psd" }
|
||
// ]
|
||
};
|
||
|
||
// 历史记录管理
|
||
window.addEventListener('popstate', (event) => {
|
||
if (event.state?.type) {
|
||
loadContent(event.state.type);
|
||
}
|
||
});
|
||
|
||
// 绑定文件夹点击事件
|
||
document.querySelectorAll('.folder').forEach(folder => {
|
||
folder.addEventListener('click', function() {
|
||
const type = this.dataset.folder;
|
||
history.pushState({ type }, '', `#${type}`);
|
||
loadContent(type);
|
||
});
|
||
});
|
||
|
||
function loadContent(type) {
|
||
const contentArea = document.getElementById('content-area');
|
||
contentArea.style.opacity = '0.5';
|
||
contentArea.innerHTML = '<div class="loading">正在加载内容...</div>';
|
||
|
||
setTimeout(() => {
|
||
contentArea.style.opacity = '1';
|
||
contentArea.innerHTML = documents[type].map(item => `
|
||
<div class="document-item">
|
||
<a href="${item.url}" class="file-link" target="_blank">
|
||
${item.name}
|
||
</a>
|
||
</div>
|
||
`).join('');
|
||
}, 500);
|
||
}
|
||
|
||
// 时间显示功能
|
||
function updateTime() {
|
||
const options = {
|
||
year: 'numeric',
|
||
month: 'long',
|
||
day: 'numeric',
|
||
hour: '2-digit',
|
||
minute: '2-digit',
|
||
second: '2-digit',
|
||
hour12: false
|
||
};
|
||
document.getElementById('time-header').textContent =
|
||
new Date().toLocaleDateString('zh-CN', options);
|
||
}
|
||
setInterval(updateTime, 1000);
|
||
updateTime();
|
||
</script>
|
||
</body>
|
||
</html>
|