上传文件至 /
This commit is contained in:
parent
65071e2420
commit
5a0a9844a5
211
1111test.html
Normal file
211
1111test.html
Normal file
@ -0,0 +1,211 @@
|
|||||||
|
<!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>
|
||||||
Loading…
Reference in New Issue
Block a user