Support javlabrary, update Logo, popup, README
asimov
@@ -1,7 +1,8 @@
|
||||
# Jav Play
|
||||
Play video directly in javdb.com
|
||||
1. Call the local player to play the video in javdb.com/javlibrary.com directly.
|
||||
2. Jump from the javdb.com/javlibrary.com page to the corresponding playback page of missav
|
||||
|
||||
|
||||
|
||||
|
||||
## Usage
|
||||
1. Download extension zip file from github release page.
|
||||
|
||||
@@ -3,17 +3,39 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Settings</title>
|
||||
<title>Jav Play Settings</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="setting-row">
|
||||
<label for="feature-toggle">Feature Enabled</label>
|
||||
<label class="switch">
|
||||
<input type="checkbox" id="feature-toggle">
|
||||
<span class="slider round"></span>
|
||||
</label>
|
||||
</div>
|
||||
<header>
|
||||
<!-- <img src="/public/JavPlayer.png" alt="Jav Play Logo" class="logo"> -->
|
||||
<h1>Jav Play</h1>
|
||||
<p class="description">Play video directly in javdb and javlibrary.</p>
|
||||
</header>
|
||||
|
||||
<hr class="separator">
|
||||
|
||||
<main class="settings-container">
|
||||
<div class="setting-row">
|
||||
<label for="feature-toggle">Enable Feature</label>
|
||||
<label class="switch">
|
||||
<input type="checkbox" id="feature-toggle">
|
||||
<span class="slider round"></span>
|
||||
</label>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<hr class="separator">
|
||||
|
||||
<footer>
|
||||
<span>See more on:</span>
|
||||
<a href="https://github.com/aizhimou/jav-play" target="_blank" rel="noopener noreferrer">
|
||||
GitHub
|
||||
</a>
|
||||
<a href="https://v2ex.com/t/1134686" target="_blank" rel="noopener noreferrer">
|
||||
V2EX
|
||||
</a>
|
||||
</footer>
|
||||
</div>
|
||||
<script type="module" src="./main.ts"></script>
|
||||
</body>
|
||||
|
||||
@@ -1,18 +1,51 @@
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||
width: 180px; /* 给 popup 一个合适的宽度 */
|
||||
padding: 0 15px;
|
||||
width: 280px; /* 为新布局增加了宽度 */
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#app {
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
header {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin: 0;
|
||||
max-width: 240px; /* 确保描述文本可以优雅地换行 */
|
||||
}
|
||||
|
||||
.separator {
|
||||
width: 100%;
|
||||
border: none;
|
||||
border-top: 1px solid #eee;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.settings-container {
|
||||
width: 100%;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.setting-row {
|
||||
@@ -22,7 +55,27 @@ h1 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 开关的样式 */
|
||||
footer {
|
||||
padding-top: 10px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
footer span {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* --- 开关样式 (保持不变) --- */
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
"name": "jav-play",
|
||||
"description": "manifest.json description",
|
||||
"private": true,
|
||||
"version": "0.3.0",
|
||||
"version": "0.4.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "wxt",
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 362 B After Width: | Height: | Size: 313 B |
|
Before Width: | Height: | Size: 571 B After Width: | Height: | Size: 484 B |
|
Before Width: | Height: | Size: 725 B After Width: | Height: | Size: 636 B |
|
Before Width: | Height: | Size: 910 B After Width: | Height: | Size: 815 B |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.1 KiB |