更新样式
This commit is contained in:
uz
45
README.md
45
README.md
@@ -6,47 +6,24 @@
|
|||||||
|
|
||||||
- 频道 [t.me/uzvideoplay](https://t.me/uzvideoplay)
|
- 频道 [t.me/uzvideoplay](https://t.me/uzvideoplay)
|
||||||
- 群组 [t.me/uzVideoApp](https://t.me/uzVideoApp)
|
- 群组 [t.me/uzVideoApp](https://t.me/uzVideoApp)
|
||||||
- 下载 [123 云盘](https://www.123865.com/s/J0HtVv-QUUxA)
|
|
||||||
|
|
||||||
### 扩展仓库
|
### 扩展仓库，编写扩展
|
||||||
|
|
||||||
https://github.com/YYDS678/uzVideo-extensions
|
https://github.com/YYDS678/uzVideo-extensions
|
||||||
|
|
||||||
### 视频源扩展
|
### 将资源内置包内
|
||||||
|
|
||||||
> 添加方式
|
1. 将 `.ipa` `.apk` `.msix` 后缀改为 `.zip` 使用加压软件解压
|
||||||
|
2. 找到 `uzAio.zip`
|
||||||
|
|
||||||
uz 影视 -> 设置 -> 数据管理 -> 视频源 -> 小齿轮 -> 添加源列表 -> 输入链接 -> 确定
|
1. iOS `/Payload/Runner.app/Frameworks/App.framework/flutter_assets/uzAio/uzAio.zip`
|
||||||
|
2. Android `/assets/flutter_assets/uzAio/uzAio.zip`
|
||||||
|
3. Win `/data/flutter_assets/uzAio/uzAio.zip`
|
||||||
|
|
||||||
[大佬扩展源](https://github.moeyy.xyz/https://raw.githubusercontent.com/Yswag/uzVideo/main/js/spider_sources.json)
|
3. 准备自己的源文件可在 `env.json` 直接将环境变量填写完整
|
||||||
|
4. 将自己的源文件命名为 `uzAio.zip` 替换第二部找到的 `uzAio.zip`
|
||||||
|
5. 将 第一步 解压后的文件重新压缩，并改为之前的后缀
|
||||||
|
6. 安装后，打开 app 设置 -> 数据管理 -> + -> 读取应用内文件
|
||||||
|
|
||||||
[视频源](https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo/main/video_sources_default.json)
|
|
||||||
|
|
||||||
[色色源](https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo/main/video_sources_sese.json)
|
|
||||||
|
|
||||||
### 直播
|
|
||||||
|
|
||||||
[IPTV 大佬 YanG-1989](https://github.com/YanG-1989/m3u)
|
|
||||||
⚠️ 请注意需要设置 user-agent
|
|
||||||
|
|
||||||
[IPTV 大佬 YueChan](https://github.com/YueChan/Live)
|
|
||||||
|
|
||||||
### 编写 uz 可执行的扩展
|
|
||||||
|
|
||||||
https://github.com/YYDS678/uzVideo-extensions
|
|
||||||
|
|
||||||
### 如有任何相关问题联系：[机器人](https://t.me/uzVideoAppbot)
|
### 如有任何相关问题联系：[机器人](https://t.me/uzVideoAppbot)
|
||||||
|
|
||||||
### 采集站源格式
|
|
||||||
|
|
||||||
```
|
|
||||||
{
|
|
||||||
"api": "采集地址",
|
|
||||||
"name": "名称",
|
|
||||||
"remark": "备注",
|
|
||||||
"noHistory": false, // *不开启*历史记录 默认false(即开启历史记录)，用户可自行在 app 内修改
|
|
||||||
"userAgent": "", // 设置播放ua，用户可自行在 app 内修改
|
|
||||||
"isLock": false, // 是否上锁 默认false(即不上锁)，用户可自行在 app 内修改
|
|
||||||
"blockClassList": ["短剧"] // 屏蔽分类，用户可自行在 app 内修改
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|||||||
@@ -38,7 +38,7 @@
|
|||||||
<div>
|
<div>
|
||||||
<h3 class="text-xl sub-header mb-2">网页添加</h3>
|
<h3 class="text-xl sub-header mb-2">网页添加</h3>
|
||||||
<p class="text-blue-600">
|
<p class="text-blue-600">
|
||||||
<a href="https://uz-video-five.vercel.app/install.html" target="_blank" class="hover:underline">点击跳转网页，打不开需要挂梯</a>
|
<a href="https://uz-video-five.vercel.app/store/index.html" target="_blank" class="hover:underline">点击跳转网页，打不开需要挂梯</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -1,304 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>uz影视 资源添加</title>
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
max-width: 600px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #007bff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-header {
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-title {
|
|
||||||
font-size: 1.5em;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #333;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-description {
|
|
||||||
color: #666;
|
|
||||||
font-size: 0.9em;
|
|
||||||
line-height: 1.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-resource {
|
|
||||||
margin: 20px 0;
|
|
||||||
padding: 15px;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.url-input-container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-resource input {
|
|
||||||
flex-grow: 1;
|
|
||||||
padding: 8px;
|
|
||||||
margin: 10px 0;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.paste-btn {
|
|
||||||
padding: 6px 10px;
|
|
||||||
background-color: #6c757d;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resource-group {
|
|
||||||
margin-bottom: 15px;
|
|
||||||
padding: 10px;
|
|
||||||
border: 1px solid #f0f0f0;
|
|
||||||
border-radius: 5px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resource-header {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resource-title {
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resource-description {
|
|
||||||
color: #666;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-row {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
padding: 8px 15px;
|
|
||||||
background-color: #007bff;
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
flex-shrink: 0;
|
|
||||||
min-width: 70px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error {
|
|
||||||
color: red;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.copy-btn {
|
|
||||||
padding: 8px 15px;
|
|
||||||
background-color: #28a745;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: pointer;
|
|
||||||
flex-shrink: 0;
|
|
||||||
min-width: 70px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.help-btn {
|
|
||||||
padding: 8px 15px;
|
|
||||||
background-color: #ffc107;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: pointer;
|
|
||||||
flex-shrink: 0;
|
|
||||||
min-width: 70px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="page-header">
|
|
||||||
<div class="page-title">uz影视 资源添加</div>
|
|
||||||
<div class="page-description">uz影视 版本需要 v1.6.41 及以上，建议先打开 app 停留在首页</div>
|
|
||||||
<div class="page-description" style="color: #ffc107; font-weight: bold">
|
|
||||||
当点击添加无效时，请尝试特殊添加。还是不行复制链接，uz影视 -> 设置 -> 数据管理 -> 订阅 -> +
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="custom-resource">
|
|
||||||
<h3>添加资源</h3>
|
|
||||||
<div class="url-input-container">
|
|
||||||
<input type="text" id="customUrl" placeholder="请输入资源链接" />
|
|
||||||
</div>
|
|
||||||
<div id="errorMessage" class="error"></div>
|
|
||||||
<div class="button-row">
|
|
||||||
<button class="btn" onclick="installResource(false)">添加</button>
|
|
||||||
<button class="btn" onclick="installResource(true)">特殊添加</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="page-description" style="margin-top: 20px; margin-bottom: 10px; color: #ffc107; font-weight: bold">以下资源收录自网络，请自行甄别。</div>
|
|
||||||
<div id="resourcesContainer"></div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const configs = [
|
|
||||||
{
|
|
||||||
title: 'uz影视 all in one 直连版',
|
|
||||||
description: '由豆整理的 <a href="https://gitee.com/woleigedouer/uzVideo-extensions">豆的 gitee</a>，感谢豆',
|
|
||||||
resourceUrl: 'https://gitee.com/woleigedouer/uzVideo-extensions/raw/main/uzAio_gitee.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'uz影视 all in one 无代理',
|
|
||||||
description: '整合大佬们开发的资源，感谢所有大佬',
|
|
||||||
resourceUrl: 'https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/uzAio_raw.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'uz影视 all in one',
|
|
||||||
description: '整合大佬们开发的资源，感谢所有大佬',
|
|
||||||
resourceUrl: 'https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/uzAio.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'pv大佬 all in one',
|
|
||||||
description: "<a href='https://github.com/proversion2024'>proversion2024</a> 大佬 all in one，感谢大佬",
|
|
||||||
resourceUrl: 'https://ghproxy.cn/https://raw.githubusercontent.com/proversion2024/uz-extensions/refs/heads/master/uzAio.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '视频源扩展',
|
|
||||||
description: "视频源扩展大多由 <a href='https://github.com/Yswag'>Yswag</a> 大佬开发，感谢大佬",
|
|
||||||
resourceUrl: 'https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/vod/vod.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '网盘工具扩展-夸克、UC、阿里',
|
|
||||||
description: "阿里解析功能由 <a href='https://github.com/wangdepeng100'>wangdepeng100</a> 大佬开发，感谢大佬。iOS15 以下系统无法使用，夸克需要会员",
|
|
||||||
resourceUrl: 'https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/panTools/panTools.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '网盘工具扩展-夸克、UC、阿里、天翼',
|
|
||||||
description: "<a href='https://github.com/proversion2024'>proversion2024</a> 大佬开发，感谢大佬。iOS15 以下系统无法使用，夸克需要会员",
|
|
||||||
resourceUrl: 'https://ghproxy.cn/https://raw.githubusercontent.com/proversion2024/uz-extensions/refs/heads/master/panTools/panTools.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '网盘源',
|
|
||||||
description: "<a href='https://github.com/proversion2024'>proversion2024</a> 大佬开发，感谢大佬",
|
|
||||||
resourceUrl: 'https://ghproxy.cn/https://raw.githubusercontent.com/proversion2024/uz-extensions/refs/heads/master/vod/vod.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '推荐首页扩展',
|
|
||||||
description: '展示视频推荐',
|
|
||||||
resourceUrl: 'https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/recommend/douban.json',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '采集站',
|
|
||||||
description: '采集站资源，不需要添加太多两个够用',
|
|
||||||
resourceUrl: 'https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo/main/video_sources_default.json',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
function validateUrl(url) {
|
|
||||||
try {
|
|
||||||
new URL(url)
|
|
||||||
return true
|
|
||||||
} catch (error) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function showError(message) {
|
|
||||||
const errorEl = document.getElementById('errorMessage')
|
|
||||||
errorEl.textContent = message
|
|
||||||
setTimeout(() => {
|
|
||||||
errorEl.textContent = ''
|
|
||||||
}, 3000)
|
|
||||||
}
|
|
||||||
|
|
||||||
function installResource(isSpecial, configUrl = null) {
|
|
||||||
const urlInput = document.getElementById('customUrl')
|
|
||||||
let url = configUrl || urlInput.value.trim()
|
|
||||||
|
|
||||||
if (!url) {
|
|
||||||
showError('请输入资源链接')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!validateUrl(url)) {
|
|
||||||
showError('请输入有效的URL')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
const encodedUrl = encodeURIComponent(url)
|
|
||||||
const baseScheme = 'uzVideo://uzVideo?action=addSub&url='
|
|
||||||
const intentScheme = 'intent://uzVideo?action=addSub&url='
|
|
||||||
|
|
||||||
const finalUrl = isSpecial ? `${intentScheme}${encodedUrl}#Intent;scheme=uzVideo;end` : `${baseScheme}${encodedUrl}`
|
|
||||||
|
|
||||||
window.location.href = finalUrl
|
|
||||||
}
|
|
||||||
|
|
||||||
// 添加复制函数
|
|
||||||
function copyToClipboard(text) {
|
|
||||||
navigator.clipboard
|
|
||||||
.writeText(text)
|
|
||||||
.then(() => {
|
|
||||||
alert('使用路径：uz影视 -> 设置 -> 数据管理 -> 订阅 -> +')
|
|
||||||
alert('复制成功')
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
const textArea = document.createElement('textarea')
|
|
||||||
textArea.value = text
|
|
||||||
document.body.appendChild(textArea)
|
|
||||||
textArea.select()
|
|
||||||
document.execCommand('copy')
|
|
||||||
document.body.removeChild(textArea)
|
|
||||||
alert('复制失败，请手动复制：\n\n' + text + '\n\n使用路径：uz影视 -> 设置 -> 数据管理 -> 订阅 -> +')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
window.onload = function () {
|
|
||||||
const container = document.getElementById('resourcesContainer')
|
|
||||||
configs.forEach((config) => {
|
|
||||||
const resourceGroup = document.createElement('div')
|
|
||||||
resourceGroup.className = 'resource-group'
|
|
||||||
resourceGroup.innerHTML = `
|
|
||||||
<div class="resource-header">
|
|
||||||
<div class="resource-title">${config.title}</div>
|
|
||||||
${config.description ? `<div class="resource-description">${config.description}</div>` : ''}
|
|
||||||
</div>
|
|
||||||
<div class="button-row">
|
|
||||||
<button class="copy-btn" onclick="copyToClipboard('${config.resourceUrl}')">复制链接</button>
|
|
||||||
<button class="help-btn" onclick="window.open('https://uz-video-five.vercel.app/help.html')">使用教程</button>
|
|
||||||
<button class="btn" onclick="installResource(false, '${config.resourceUrl}')">添加</button>
|
|
||||||
<button class="btn" onclick="installResource(true, '${config.resourceUrl}')">特殊添加</button>
|
|
||||||
</div>
|
|
||||||
`
|
|
||||||
container.appendChild(resourceGroup)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
0
html/policy.html
Normal file
0
html/policy.html
Normal file
43
html/store/config.js
Normal file
43
html/store/config.js
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
// URL Schemes
|
||||||
|
export const URL_SCHEMES = {
|
||||||
|
BASE: 'uzVideo://uzVideo?action=addSub&url=',
|
||||||
|
INTENT: 'intent://uzVideo?action=addSub&url='
|
||||||
|
};
|
||||||
|
|
||||||
|
// Messages
|
||||||
|
export const MESSAGES = {
|
||||||
|
COPY_SUCCESS: '复制成功',
|
||||||
|
COPY_FAIL: '复制失败，请手动复制：\n\n',
|
||||||
|
USAGE_PATH: '使用路径：uz影视 -> 设置 -> 数据管理 -> 订阅 -> +',
|
||||||
|
EMPTY_URL: '请输入资源链接',
|
||||||
|
INVALID_URL: '请输入有效的URL'
|
||||||
|
};
|
||||||
|
|
||||||
|
// Resource Configs
|
||||||
|
export const RESOURCE_CONFIGS = [
|
||||||
|
{
|
||||||
|
title: 'uz影视 all in one 无代理',
|
||||||
|
description: '整合大佬们开发的资源，感谢所有大佬. <a href="https://github.com/Yswag">Yswag</a> <a href="https://github.com/wangdepeng100">wangdepeng100</a>',
|
||||||
|
resourceUrl: 'https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/uzAio.zip'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'uz影视 all in one',
|
||||||
|
description: '整合大佬们开发的资源，感谢所有大佬. <a href="https://github.com/Yswag">Yswag</a> <a href="https://github.com/wangdepeng100">wangdepeng100</a>',
|
||||||
|
resourceUrl: 'https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/uzAio.zip'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'pv大佬 all in one',
|
||||||
|
description: '<a href="https://github.com/proversion2024">proversion2024</a> 大佬 all in one，感谢大佬',
|
||||||
|
resourceUrl: 'https://ghproxy.cn/https://raw.githubusercontent.com/proversion2024/uz-extensions/refs/heads/master/uzAio.json'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '网盘源',
|
||||||
|
description: '<a href="https://github.com/proversion2024">proversion2024</a> 大佬开发，感谢大佬',
|
||||||
|
resourceUrl: 'https://ghproxy.cn/https://raw.githubusercontent.com/proversion2024/uz-extensions/refs/heads/master/vod/vod.json'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '采集站',
|
||||||
|
description: '采集站资源，不需要添加太多两个够用',
|
||||||
|
resourceUrl: 'https://github.moeyy.xyz/https://raw.githubusercontent.com/YYDS678/uzVideo/main/video_sources_default.json'
|
||||||
|
}
|
||||||
|
];
|
||||||
38
html/store/index.html
Normal file
38
html/store/index.html
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>uz影视 扩展商店</title>
|
||||||
|
<link rel="stylesheet" href="./styles.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="page-header">
|
||||||
|
<div class="page-title">uz影视 扩展商店</div>
|
||||||
|
<div class="page-description">
|
||||||
|
uz影视 版本需要 v1.6.41 及以上，建议先打开 app 停留在首页
|
||||||
|
</div>
|
||||||
|
<div class="page-description" style="color: #ffc107; font-weight: bold">
|
||||||
|
当点击添加无效时，请尝试特殊添加。还是不行复制链接，uz影视 -> 设置 ->
|
||||||
|
数据管理 -> 订阅 -> +
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="page-description" style="
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #ffc107;
|
||||||
|
font-weight: bold;
|
||||||
|
">
|
||||||
|
以下资源收录自网络，请自行甄别。
|
||||||
|
</div>
|
||||||
|
<div id="resourcesContainer"></div>
|
||||||
|
|
||||||
|
<div id="errorMessage"></div>
|
||||||
|
<script type="module" src="./main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
141
html/store/main.js
Normal file
141
html/store/main.js
Normal file
@@ -0,0 +1,141 @@
|
|||||||
|
import { URL_SCHEMES, MESSAGES, RESOURCE_CONFIGS } from './config.js';
|
||||||
|
|
||||||
|
// URL验证函数
|
||||||
|
function validateUrl(url) {
|
||||||
|
try {
|
||||||
|
new URL(url);
|
||||||
|
return true;
|
||||||
|
} catch (error) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 显示错误信息
|
||||||
|
function showError(message) {
|
||||||
|
const errorEl = document.getElementById('errorMessage');
|
||||||
|
errorEl.textContent = message;
|
||||||
|
setTimeout(() => {
|
||||||
|
errorEl.textContent = '';
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 安装资源
|
||||||
|
function installResource(isSpecial, configUrl = null) {
|
||||||
|
const urlInput = document.getElementById('customUrl');
|
||||||
|
let url = configUrl || urlInput.value.trim();
|
||||||
|
|
||||||
|
if (!url) {
|
||||||
|
showError(MESSAGES.EMPTY_URL);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!validateUrl(url)) {
|
||||||
|
showError(MESSAGES.INVALID_URL);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const encodedUrl = encodeURIComponent(url);
|
||||||
|
const finalUrl = isSpecial
|
||||||
|
? `${URL_SCHEMES.INTENT}${encodedUrl}#Intent;scheme=uzVideo;end`
|
||||||
|
: `${URL_SCHEMES.BASE}${encodedUrl}`;
|
||||||
|
|
||||||
|
window.location.href = finalUrl;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 复制到剪贴板
|
||||||
|
async function copyToClipboard(text) {
|
||||||
|
try {
|
||||||
|
if (navigator.clipboard && window.isSecureContext) {
|
||||||
|
await navigator.clipboard.writeText(text);
|
||||||
|
} else {
|
||||||
|
const textArea = document.createElement('textarea');
|
||||||
|
textArea.value = text;
|
||||||
|
textArea.style.position = 'fixed';
|
||||||
|
textArea.style.left = '-9999px';
|
||||||
|
document.body.appendChild(textArea);
|
||||||
|
textArea.select();
|
||||||
|
try {
|
||||||
|
document.execCommand('copy');
|
||||||
|
} catch (err) {
|
||||||
|
console.error('复制失败:', err);
|
||||||
|
throw err;
|
||||||
|
} finally {
|
||||||
|
document.body.removeChild(textArea);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
alert(MESSAGES.COPY_SUCCESS + '\n' + MESSAGES.USAGE_PATH);
|
||||||
|
} catch (err) {
|
||||||
|
console.error('复制操作失败:', err);
|
||||||
|
alert(MESSAGES.COPY_FAIL + text);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 创建资源卡片
|
||||||
|
function createResourceCard(config) {
|
||||||
|
const resourceGroup = document.createElement('div');
|
||||||
|
resourceGroup.className = 'resource-group';
|
||||||
|
resourceGroup.innerHTML = `
|
||||||
|
<div class="resource-header">
|
||||||
|
<div class="resource-title">${config.title}</div>
|
||||||
|
${config.description ? `<div class="resource-description">${config.description}</div>` : ''}
|
||||||
|
</div>
|
||||||
|
<div class="button-row">
|
||||||
|
<div class="dropdown">
|
||||||
|
<button class="dropdown-btn">操作</button>
|
||||||
|
<div class="dropdown-content">
|
||||||
|
<a href="#" data-action="copy" data-url="${config.resourceUrl}">复制</a>
|
||||||
|
<a href="#" data-action="install" data-url="${config.resourceUrl}">添加</a>
|
||||||
|
<a href="#" data-action="help">教程</a>
|
||||||
|
<a href="#" data-action="special-install" data-url="${config.resourceUrl}">特殊添加</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
return resourceGroup;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 初始化页面
|
||||||
|
window.onload = function () {
|
||||||
|
const container = document.getElementById('resourcesContainer');
|
||||||
|
container.style.marginTop = '20px';
|
||||||
|
|
||||||
|
RESOURCE_CONFIGS.forEach(config => {
|
||||||
|
const resourceCard = createResourceCard(config);
|
||||||
|
container.appendChild(resourceCard);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 初始化事件监听器
|
||||||
|
function initializeEventListeners() {
|
||||||
|
document.addEventListener('click', (event) => {
|
||||||
|
const link = event.target.closest('a[data-action]');
|
||||||
|
if (!link) return;
|
||||||
|
|
||||||
|
event.preventDefault();
|
||||||
|
const action = link.getAttribute('data-action');
|
||||||
|
const url = link.getAttribute('data-url');
|
||||||
|
|
||||||
|
switch (action) {
|
||||||
|
case 'copy':
|
||||||
|
copyToClipboard(url);
|
||||||
|
break;
|
||||||
|
case 'install':
|
||||||
|
installResource(false, url);
|
||||||
|
break;
|
||||||
|
case 'help':
|
||||||
|
window.open('https://uz-video-five.vercel.app/help.html');
|
||||||
|
break;
|
||||||
|
case 'special-install':
|
||||||
|
installResource(true, url);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出函数供HTML使用
|
||||||
|
window.installResource = installResource;
|
||||||
|
window.copyToClipboard = copyToClipboard;
|
||||||
|
|
||||||
|
// 在页面加载完成后初始化事件监听器
|
||||||
|
window.addEventListener('load', initializeEventListeners);
|
||||||
242
html/store/styles.css
Normal file
242
html/store/styles.css
Normal file
@@ -0,0 +1,242 @@
|
|||||||
|
/* 基础变量定义 */
|
||||||
|
:root {
|
||||||
|
--bg-primary: #ffffff;
|
||||||
|
--bg-secondary: #f9f9f9;
|
||||||
|
--text-primary: #333;
|
||||||
|
--text-secondary: #666;
|
||||||
|
--border-color: #ddd;
|
||||||
|
--link-color: #007bff;
|
||||||
|
--link-hover: #0056b3;
|
||||||
|
--btn-primary: #007bff;
|
||||||
|
--btn-success: #28a745;
|
||||||
|
--btn-warning: #ffc107;
|
||||||
|
--btn-secondary: #6c757d;
|
||||||
|
--shadow-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 暗色主题 */
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--bg-primary: #1a1a1a;
|
||||||
|
--bg-secondary: #2d2d2d;
|
||||||
|
--text-primary: #e0e0e0;
|
||||||
|
--text-secondary: #a0a0a0;
|
||||||
|
--border-color: #404040;
|
||||||
|
--link-color: #4da3ff;
|
||||||
|
--link-hover: #80bdff;
|
||||||
|
--btn-primary: #4da3ff;
|
||||||
|
--btn-success: #3dae60;
|
||||||
|
--btn-warning: #ffd43b;
|
||||||
|
--btn-secondary: #8c8c8c;
|
||||||
|
--shadow-color: rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 基础样式 */
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-primary);
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--link-color);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 页面头部 */
|
||||||
|
.page-header {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-title {
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-weight: bold;
|
||||||
|
color: var(--text-primary);
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-description {
|
||||||
|
color: var(--text-secondary);
|
||||||
|
font-size: 0.9em;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 资源卡片 */
|
||||||
|
.resource-group {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid var(--border-color);
|
||||||
|
border-radius: 5px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: var(--bg-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.resource-header {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.resource-title {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.resource-description {
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 按钮样式 */
|
||||||
|
.button-row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 8px 15px;
|
||||||
|
background-color: var(--btn-primary);
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
flex-shrink: 0;
|
||||||
|
min-width: 70px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copy-btn {
|
||||||
|
background-color: var(--btn-success);
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-btn {
|
||||||
|
background-color: var(--btn-warning);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 响应式布局 */
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
body {
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#resourcesContainer {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
#resourcesContainer {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
gap: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 下拉菜单 */
|
||||||
|
.dropdown {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-btn {
|
||||||
|
padding: 8px 16px;
|
||||||
|
background-color: var(--btn-primary);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 0.9em;
|
||||||
|
min-width: 90px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
box-shadow: 0 2px 4px var(--shadow-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-content {
|
||||||
|
position: absolute;
|
||||||
|
right: 100%;
|
||||||
|
top: 0;
|
||||||
|
background-color: var(--bg-secondary);
|
||||||
|
min-width: 160px;
|
||||||
|
box-shadow: 0 4px 16px var(--shadow-color);
|
||||||
|
z-index: 1;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid var(--border-color);
|
||||||
|
margin-right: 10px;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateX(15px);
|
||||||
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-content a {
|
||||||
|
color: var(--text-primary);
|
||||||
|
padding: 10px 16px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 0.95em;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-content a:hover {
|
||||||
|
background-color: var(--bg-primary);
|
||||||
|
transform: translateX(-3px);
|
||||||
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown:hover .dropdown-content {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown:hover .dropdown-btn {
|
||||||
|
background-color: var(--link-hover);
|
||||||
|
transform: scale(1.05);
|
||||||
|
box-shadow: 0 4px 8px var(--shadow-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 移动端下拉菜单适配 */
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.dropdown-content {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 100%;
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-right: 0;
|
||||||
|
width: auto;
|
||||||
|
min-width: 200px;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-around;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-content a {
|
||||||
|
padding: 8px 12px;
|
||||||
|
text-align: center;
|
||||||
|
flex: 1;
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-content a:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user