上传文件至 /
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