取消独立“docs”文件夹，文件放到外面
This commit is contained in:
113
docs/css/all.css
113
docs/css/all.css
@@ -1,113 +0,0 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* 背景 */
|
||||
|
||||
.page-background {
|
||||
z-index: -100;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../img/Unsplash_V6TWE6h8gyg_Blur.jpg);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
/*
|
||||
.page-background:after {
|
||||
content: "";
|
||||
z-index: -90;
|
||||
position: inherit;
|
||||
top: inherit;
|
||||
left: inherit;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
background: inherit;
|
||||
filter: blur(4px);
|
||||
}
|
||||
*/
|
||||
|
||||
/* 滚动条 */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #CCC;
|
||||
border-radius: 0;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #03A9F4;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #FFF;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* 选中 */
|
||||
|
||||
::selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
::-moz-selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
::-webkit-selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
/* 动画 */
|
||||
|
||||
@keyframes spinner {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes FloatingBarSlide {
|
||||
from {
|
||||
bottom: -50px;
|
||||
}
|
||||
}
|
||||
@keyframes ToTopAnimation {
|
||||
0% {
|
||||
}
|
||||
50% {
|
||||
right: 25px;
|
||||
bottom: 25px;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 20px;
|
||||
color: #FFF;
|
||||
}
|
||||
100% {
|
||||
color: #2196F3;
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes ToolPanelShow {
|
||||
from {
|
||||
bottom: -110%;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
bottom: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@@ -1,500 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
/*
|
||||
* 默认配色
|
||||
* primary #4cd964
|
||||
* accent #5ac8fa
|
||||
* accent #ff2d55
|
||||
* background #fff
|
||||
* text #222
|
||||
*/
|
||||
|
||||
* {
|
||||
border-radius: 0;
|
||||
box-sizing: border-box;
|
||||
font-weight: normal;
|
||||
outline: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #999;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font: normal 14px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||
justify-content: center;
|
||||
margin: 6em auto;
|
||||
max-width: calc(100% - 2em);
|
||||
min-height: calc(100vh - 8em);
|
||||
/* text-transform: lowercase; */
|
||||
width: 30em;
|
||||
overflow-x: hidden;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #222;
|
||||
text-decoration: none;
|
||||
transition: 200ms;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #03A9F4;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #00BCD4;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: 'Consolas', monospace;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #FFF;
|
||||
font-size: 1.6em;
|
||||
margin-bottom: 2em;
|
||||
position: relative;
|
||||
text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
h2::before {
|
||||
content: '';
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #03A9F4;
|
||||
font-size: 1.25em;
|
||||
margin: 2em 0;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
max-width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 2em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: #f6f7f8;
|
||||
display: block;
|
||||
line-height: 1.4;
|
||||
padding: 1em;
|
||||
user-select: text;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
background: #f6f7f8;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin: 2em 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
thead tr {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.025);
|
||||
}
|
||||
|
||||
thead th {
|
||||
color: #ff2d55;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
tbody tr:not(:first-child) {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.025);
|
||||
}
|
||||
|
||||
tbody td {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 1em;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Layout */
|
||||
|
||||
header, h1 {
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
color: #444;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
header h1::before {
|
||||
content: '';
|
||||
background: url('../favicon.ico') center no-repeat;
|
||||
background-size: 2em;
|
||||
height: 2em;
|
||||
margin-bottom: 1em;
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
header p {
|
||||
color: #555;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 4em 0;
|
||||
opacity: 0;
|
||||
/* background: #FFF; */
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
main section:not(:first-child) {
|
||||
margin-top: 4em;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: #FFF;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
footer img {
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Components */
|
||||
|
||||
.loading {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.loading::before {
|
||||
animation: spinner 1s infinite linear;
|
||||
content: '';
|
||||
border: 2px solid transparent;
|
||||
border-top-color: #5ac8fa;
|
||||
border-right-color: #5ac8fa;
|
||||
border-radius: 1em;
|
||||
height: 1.5em;
|
||||
margin-right: 1em;
|
||||
width: 1.5em;
|
||||
}
|
||||
|
||||
/* 工具面板 */
|
||||
|
||||
.tool-panel {
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
opacity: 1;
|
||||
transition: all 0.5s;
|
||||
animation: ToolPanelShow 0.5s;
|
||||
}
|
||||
|
||||
.tool-panel-bar {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.tool-panel-newtab,
|
||||
.tool-panel-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 32px;
|
||||
width: 64px;
|
||||
box-shadow: -2px 0 10px 0 rgba(0, 0, 0, 0.1);
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.tool-panel-blank {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 32px;
|
||||
width: 100%;
|
||||
background-color: #FFF;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.tool-panel-newtab {
|
||||
right: 72px;
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
.tool-panel-close {
|
||||
right: 8px;
|
||||
background-color: #F44336;
|
||||
}
|
||||
|
||||
.tool-panel-iframe {
|
||||
}
|
||||
|
||||
.tool-panel-iframe iframe {
|
||||
height: calc(100vh - 32px);
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
/* 链接的图标 */
|
||||
|
||||
/*
|
||||
main section li img {
|
||||
height: 28px;
|
||||
position: absolute;
|
||||
transform: translate(10px, 10px);
|
||||
}
|
||||
|
||||
main section li a:not(.back) {
|
||||
padding-left: 45px !important;
|
||||
}
|
||||
*/
|
||||
|
||||
/* 全屏文字 */
|
||||
|
||||
.fullscreen-text {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-size: 5vw;
|
||||
color: #FFF;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
/* 查找面板 */
|
||||
|
||||
.search-panel {
|
||||
visibility: hidden;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 300px;
|
||||
width: 500px;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.search-bar{
|
||||
text-align: center;
|
||||
}
|
||||
.search-bar .search-input {
|
||||
margin: 20px 5px 0 0;
|
||||
padding: 0 15px;
|
||||
width: 60%;
|
||||
height: 50px;
|
||||
border: solid 2px #03A9F4;
|
||||
box-shadow: 0 0 5px rgba(3, 169, 244, 0.1);
|
||||
font-size: 20px;
|
||||
transition: border 0.2s;
|
||||
}
|
||||
.search-bar .search-input:hover {
|
||||
border: solid 2px #00BCD4;
|
||||
}
|
||||
.search-bar .search-submit,
|
||||
.search-bar .search-cancel {
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
border: none;
|
||||
background-color: #03A9F4;
|
||||
box-shadow: 0 5px 10px -5px rgba(3, 169, 244, 0.4);
|
||||
font-size: 20px;
|
||||
color: #FFF;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.search-bar .search-submit:hover,
|
||||
.search-bar .search-cancel:hover {
|
||||
background-color: #00BCD4;
|
||||
}
|
||||
.search-bar .search-submit {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.search-result {
|
||||
margin-top: 10px;
|
||||
padding: 0 16px;
|
||||
height: calc(100% - 100px);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.search-result a {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
#search-result-title {
|
||||
border-bottom: 1px solid #DDD;
|
||||
}
|
||||
#search-result-link {
|
||||
margin-top: 7px;
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
.search-panel {
|
||||
height: 300px;
|
||||
width: 95%;
|
||||
}
|
||||
.search-bar .search-input {
|
||||
margin: 15px 5px 0 0;
|
||||
padding: 0 10px;
|
||||
width: 55%;
|
||||
height: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.search-bar .search-submit,
|
||||
.search-bar .search-cancel {
|
||||
width: 16%;
|
||||
height: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.search-result {
|
||||
padding: 0 5%;
|
||||
height: calc(100% - 80px);
|
||||
}
|
||||
.search-result a {
|
||||
margin-bottom: 8px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 搜索引擎 */
|
||||
|
||||
.search-engine {
|
||||
width: 100%;
|
||||
}
|
||||
.search-engine-bar {
|
||||
height: 45px;
|
||||
width: 100%;
|
||||
background-color: #FFF;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.search-engine-select {
|
||||
color: #FFF;
|
||||
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#search-engine-input {
|
||||
padding-left: 15px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
width: calc(100% - 45px);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
.search-engine-submit {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 7px;
|
||||
left: 7px;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
color: #03A9F4;
|
||||
fill: currentcolor;
|
||||
user-select: none;
|
||||
}
|
||||
.search-engine-select ul {
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.search-engine-select ul li {
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
list-style: none;
|
||||
font-size: 16px;
|
||||
}
|
||||
/* radio 样式 */
|
||||
.search-engine-select ul li input[type="radio"] {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"] + label:before {
|
||||
content: '';
|
||||
border-radius: 0px;
|
||||
background: #FFF;
|
||||
border: 1px solid #999;
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
position: relative;
|
||||
top: 0;
|
||||
margin-right: 0.25em;
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"]:checked + label:before {
|
||||
background-color: #03A9F4;
|
||||
box-shadow: inset 0 0 0 2px #FFF;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"]:focus + label:before {
|
||||
outline: none;
|
||||
border-color: #00BCD4;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"]:disabled + label:before {
|
||||
box-shadow: inset 0 0 0 2px #FFF;
|
||||
border-color: #999;
|
||||
background: #999;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"] + label:empty:before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* 悬浮栏 */
|
||||
|
||||
.floating-bar {
|
||||
z-index: 50;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 20px;
|
||||
width: 100%;
|
||||
/* opacity: 0.9; */
|
||||
text-align: center;
|
||||
animation: FloatingBarSlide 1s ease-out 1;
|
||||
}
|
||||
.floating-bar-search,
|
||||
.floating-bar-tool,
|
||||
.floating-bar-about,
|
||||
.floating-bar-totop {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 32px;
|
||||
background-color: #4CAF50;
|
||||
box-shadow: 0 8px 10px -4px rgba(76, 175, 80, 0.5);
|
||||
text-align: center;
|
||||
line-height: 32px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
.floating-bar-tool,
|
||||
.floating-bar-about,
|
||||
.floating-bar-totop {
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -1,114 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
.slinky-menu {
|
||||
overflow: hidden;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.slinky-menu>ul {
|
||||
left: 0;
|
||||
position: relative;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.slinky-menu ul,
|
||||
.slinky-menu li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.slinky-menu ul {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slinky-menu a {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.slinky-menu a span {
|
||||
flex: 1;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.slinky-menu li ul {
|
||||
display: none;
|
||||
left: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.slinky-menu .header {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.slinky-menu .header .title {
|
||||
flex: 1;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.slinky-theme-default {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.slinky-theme-default .title {
|
||||
color: #333;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.slinky-theme-default li {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.slinky-theme-default a:not(.back) {
|
||||
color: #333;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.slinky-theme-default a:not(.back):hover {
|
||||
background: rgba(90, 200, 250, 0.25);
|
||||
}
|
||||
|
||||
.slinky-theme-default a:not(.back):active {
|
||||
background: rgba(90, 200, 250, 0.5);
|
||||
}
|
||||
|
||||
/* 显示链接 */
|
||||
.slinky-theme-default a:not([href="#"]):not([href^="javascript"])::after {
|
||||
content: attr(href);
|
||||
}
|
||||
|
||||
.slinky-theme-default .next::after,
|
||||
.slinky-theme-default .back::before {
|
||||
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
|
||||
background-size: 1em;
|
||||
content: '';
|
||||
height: 1em;
|
||||
opacity: 0.25;
|
||||
transition: 200ms;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.slinky-theme-default .next::after {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.slinky-theme-default .back::before {
|
||||
padding: 1em;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.slinky-theme-default .next:hover::after,
|
||||
.slinky-theme-default .back:hover::before {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.slinky-theme-default .next:active::after,
|
||||
.slinky-theme-default .back:active::before {
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -1,228 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
body {
|
||||
padding: 20px 0 50px 0;
|
||||
background-color: #999;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* 主要 */
|
||||
|
||||
.main {
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
max-width: 450px;
|
||||
}
|
||||
.main > div {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
background-color: #FFF;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.main > div header {
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
user-select: none;
|
||||
}
|
||||
.main > div input:focus {
|
||||
outline: none;
|
||||
}
|
||||
.main > div textarea {
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border: 1px solid #03A9F4;
|
||||
box-shadow: 0 0 5px rgba(3, 169, 244, 0.2);
|
||||
font-size: 14px;
|
||||
}
|
||||
.main > div textarea:focus {
|
||||
outline: none;
|
||||
}
|
||||
.tool-button {
|
||||
display: inline-block;
|
||||
user-select: none;
|
||||
padding: 5px 10px;
|
||||
background-color: #03A9F4;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #FFF;
|
||||
border-radius: 5px;
|
||||
box-shadow: 2px 2px 5px rgba(3, 169, 244, 0.4);
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.tool-button:hover {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
/* 索引 */
|
||||
|
||||
.tool-nav ul li {
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
}
|
||||
.tool-nav ul li a {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 5px 9px;
|
||||
border-radius: 5px;
|
||||
background-color: #4CAF50;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
color: #FFF;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.tool-nav ul li a:hover {
|
||||
background-color: #8BC34A;
|
||||
}
|
||||
.tool-nav-link {
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Unix 时间戳转换 */
|
||||
#tool-unixtime > div {
|
||||
user-select: none;
|
||||
}
|
||||
#tool-unixtime > div > span {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#tool-unixtime > p {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#tool-unixtime input[type="text"] {
|
||||
width: 160px;
|
||||
border: 1px solid #03A9F4;
|
||||
font-size: 14px;
|
||||
}
|
||||
#tool-unixtime label {
|
||||
font-size: 14px;
|
||||
}
|
||||
#tool-unixtime .tool-button {
|
||||
margin: 5px 5px 2px 0;
|
||||
}
|
||||
|
||||
/* 计算下载用时 */
|
||||
#tool-downloadtime {
|
||||
|
||||
}
|
||||
#tool-downloadtime-input {
|
||||
padding: 0 0 10px 0;
|
||||
border-bottom: 1px solid #EEE;
|
||||
}
|
||||
#tool-downloadtime-output {
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #EEE;
|
||||
}
|
||||
#tool-downloadtime .tool-button {
|
||||
margin: 10px 5px 10px 0;
|
||||
}
|
||||
#tool-downloadtime-help {
|
||||
padding: 10px 0 0 0;
|
||||
border-top: 1px solid #EEE;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 简易计算 */
|
||||
|
||||
#tool-calculate textarea {
|
||||
resize: vertical;
|
||||
font-size: 16px;
|
||||
}
|
||||
#tool-calculate-tofixed {
|
||||
width: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
#tool-calculate .tool-button {
|
||||
margin: 5px 5px 2px 0;
|
||||
}
|
||||
|
||||
/* 生成批量下载链接 */
|
||||
|
||||
#tool-genlink hr {
|
||||
height: 0;
|
||||
border: 0.5px solid #EEE;
|
||||
}
|
||||
#tool-genlink-link input {
|
||||
margin-bottom: 10px;
|
||||
padding: 0 2px;
|
||||
height: 20px;
|
||||
width: 80%;
|
||||
border: 1px solid #03A9F4;
|
||||
}
|
||||
#tool-genlink-settings {
|
||||
user-select: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
#tool-genlink-settings > div {
|
||||
margin: 5px 0;
|
||||
}
|
||||
#tool-genlink-settings input[type="text"] {
|
||||
width: 25px;
|
||||
font-size: 14px;
|
||||
}
|
||||
#tool-genlink .tool-button {
|
||||
margin: 10px 5px 10px 0;
|
||||
}
|
||||
#tool-genlink textarea {
|
||||
resize: vertical;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 新窗口（小窗）中打开 */
|
||||
|
||||
#tool-newwindow > div {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#tool-newwindow-link input[type="text"] {
|
||||
padding: 5px;
|
||||
width: 80%;
|
||||
}
|
||||
#tool-newwindow-meta input[type="text"] {
|
||||
padding: 5px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
/* 运行 JavaScript */
|
||||
|
||||
#tool-runjs textarea {
|
||||
resize: vertical;
|
||||
font-family: monospace;
|
||||
font-size: 14px;
|
||||
}
|
||||
#tool-runjs .tool-button {
|
||||
margin: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
/* 返回顶部 */
|
||||
|
||||
.to-top {
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);
|
||||
background-color: #FFF;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
font-family: monospace;
|
||||
font-size: 20px;
|
||||
color: #2196F3;
|
||||
user-select: none;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.to-top:hover {
|
||||
animation: ToTopAnimation 0.5s ease-in-out;
|
||||
}
|
||||
BIN
docs/favicon.ico
BIN
docs/favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 264 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ff2d55">
|
||||
<path d="M16.398 4C14.602 4 13 4.898 12 6.3 11 4.899 9.398 4 7.602 4A5.591 5.591 0 0 0 2 9.602C2 14 12 22 12 22s10-8 10-12.398C22 6.5 19.5 4 16.398 4z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 241 B |
@@ -1,8 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
|
||||
<rect fill="#6BA73C" width="100" height="10"/>
|
||||
<rect fill="#ECAE3C" y="18" width="100" height="10"/>
|
||||
<rect fill="#DB752D" y="36" width="100" height="10"/>
|
||||
<rect fill="#C43935" y="54" width="100" height="10"/>
|
||||
<rect fill="#742F81" y="72" width="100" height="10"/>
|
||||
<rect fill="#3E82CC" y="90" width="100" height="10"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 418 B |
Binary file not shown.
|
Before Width: | Height: | Size: 202 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
1308
docs/index.html
1308
docs/index.html
File diff suppressed because it is too large
Load Diff
12
docs/js/index.min.js
vendored
12
docs/js/index.min.js
vendored
@@ -1,12 +0,0 @@
|
||||
var SlinkyOption={title:true,speed:200};var ListID="#list_";var ListCount=0;var ListCountMax=17;var FullsSreenText=document.querySelector(".fullscreen-text");var LinkList=document.querySelectorAll("main a");var SearchMode=1;var SearchPanel=document.querySelector(".search-panel");var SearchInput=document.querySelector(".search-input");var SearchResultTitle=document.querySelector("#search-result-title");var SearchResultLink=document.querySelector("#search-result-link");var SearchResultItem="";var SearchEngineBaidu=document.querySelector("#search-engine-baidu");var SearchEngineBing=document.querySelector("#search-engine-bing");var SearchEngineGoogle=document.querySelector("#search-engine-google");var SearchEnginebilibili=document.querySelector("#search-engine-bilibili");var ToolPanel=document.querySelector(".tool-panel");function findChar(str,tChar,num){var charPos=str.indexOf(tChar);num=num-1;if(num>0){for(var i=0;i<num;i++){charPos=str.indexOf(tChar,charPos+1);}}
|
||||
return charPos;}
|
||||
function setTarget(){for(var i=0;i<LinkList.length;i++){if(LinkList[i].href.endsWith("#")==false){LinkList[i].target="_blank";}}}
|
||||
function displayList(){document.querySelector("main").style.opacity="1";FullsSreenText.style.opacity="0";setTimeout(function(){document.querySelector(".fullscreen-text").style.display="none";},1000);}
|
||||
function loadList(){ListCount=ListCount+1;ListID="#list_"+ListCount;$(ListID).slinky(SlinkyOption);FullsSreenText.innerHTML="已加载 "+ListCount+" 个分类";if(ListCount==ListCountMax){clearInterval(I_LoadList);FullsSreenText.innerHTML="加载完毕";setTarget();displayList();}}
|
||||
var I_LoadList=setInterval("loadList()",100);function searchLink(){var LinkListCount=LinkList.length;var SearchWord=SearchInput.value.toLowerCase();if(SearchMode==1&&SearchWord!=""){SearchResultTitle.innerHTML="";SearchResultLink.innerHTML="";for(var i=0;i<LinkListCount;i++){if(LinkList[i].href.endsWith("#")==false){if(LinkList[i].innerHTML.toLowerCase().indexOf(SearchWord)!=-1){SearchResultItem=LinkList[i].cloneNode(true);SearchResultTitle.appendChild(SearchResultItem);}else if(LinkList[i].href.indexOf(SearchWord)!=-1){SearchResultItem=LinkList[i].cloneNode(true);SearchResultLink.appendChild(SearchResultItem);}}}}else if(SearchMode==1&&SearchWord==""){SearchResultTitle.innerHTML="";SearchResultLink.innerHTML="未输入关键词";}else if(SearchMode==2){SearchInput.value="";SearchResultTitle.innerHTML="";SearchResultLink.innerHTML="";SearchPanel.style.visibility="hidden";}else{SearchResultTitle.innerHTML="";SearchResultLink.innerHTML="异常";}}
|
||||
function searchWeb(){var GetSearchWord=document.querySelector("#search-engine-input");var SearchWord=GetSearchWord.value;if(SearchEngineBaidu.checked==true){window.open("https://www.baidu.com/s?ie=UTF-8&wd="+SearchWord);}else if(SearchEngineBing.checked==true){window.open("https://cn.bing.com/search?q="+SearchWord);}else if(SearchEngineGoogle.checked==true){window.open("https://www.google.com/search?q="+SearchWord);}else if(SearchEnginebilibili.checked==true){window.open("https://search.bilibili.com/all"+"?keyword="+SearchWord);}else{GetSearchWord.value="搜索引擎选择有误！"}}
|
||||
function setSearchEngine(Name){switch(Name)
|
||||
{case"baidu":localStorage.setItem("SearchEngine","baidu");break;case"bing":localStorage.setItem("SearchEngine","bing");break;case"google":localStorage.setItem("SearchEngine","google");break;case"bilibili":localStorage.setItem("SearchEngine","bilibili");break;default:break;}}
|
||||
function getSearchEngine(){var SearchEngine=localStorage.getItem("SearchEngine");switch(SearchEngine){case"baidu":SearchEngineBaidu.checked=true;break;case"bing":SearchEngineBing.checked=true;break;case"google":SearchEngineGoogle.checked=true;break;case"bilibili":SearchEnginebilibili.checked=true;break;default:break;}}
|
||||
getSearchEngine();function showToolPanel(){ToolPanel.style.display="block";}
|
||||
function closeToolPanel(){ToolPanel.style.bottom="-110%";ToolPanel.style.opacity="0";setTimeout(function(){ToolPanel.style.display="none";ToolPanel.style.bottom="0";ToolPanel.style.opacity="1";},500);}
|
||||
4
docs/js/jquery-3.2.1.min.js
vendored
4
docs/js/jquery-3.2.1.min.js
vendored
File diff suppressed because one or more lines are too long
8
docs/js/slinky.min.js
vendored
8
docs/js/slinky.min.js
vendored
@@ -1,8 +0,0 @@
|
||||
!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){n(1),e.exports=n(2)},function(e,t){function n(e,t){var n=Object.keys(e);return Object.getOwnPropertySymbols&&n.push.apply(n,Object.getOwnPropertySymbols(e)),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}
|
||||
/*
|
||||
* Slinky
|
||||
* Rather sweet menus
|
||||
* @author Ali Zahid <ali.zahid@live.com>
|
||||
* @license MIT
|
||||
*/
|
||||
var a=function(){function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.settings=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(r,!0).forEach(function(t){i(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(r).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},this.options,{},r),this._init(t)}return s(e,[{key:"options",get:function(){return{resize:!0,speed:300,theme:"slinky-theme-default",title:!1}}}]),s(e,[{key:"_init",value:function(e){this.menu=jQuery(e),this.base=this.menu.children().first();var t=this.menu,n=this.settings;t.addClass("slinky-menu").addClass(n.theme),this._transition(n.speed),jQuery("a + ul",t).prev().addClass("next"),jQuery("li > a",t).wrapInner("<span>");var i=jQuery("<li>").addClass("header");jQuery("li > ul",t).prepend(i);var r=jQuery("<a>").prop("href","#").addClass("back");jQuery(".header",t).prepend(r),n.title&&jQuery("li > ul",t).each(function(e,t){var n=jQuery(t).parent().find("a").first().text();if(n){var i=jQuery("<header>").addClass("title").text(n);jQuery("> .header",t).append(i)}}),this._addListeners(),this._jumpToInitial()}},{key:"_addListeners",value:function(){var e=this,t=this.menu,n=this.settings;jQuery("a",t).on("click",function(i){if(e._clicked+n.speed>Date.now())return!1;e._clicked=Date.now();var r=jQuery(i.currentTarget);(0===r.attr("href").indexOf("#")||r.hasClass("next")||r.hasClass("back"))&&i.preventDefault(),r.hasClass("next")?(t.find(".active").removeClass("active"),r.next().show().addClass("active"),e._move(1),n.resize&&e._resize(r.next())):r.hasClass("back")&&(e._move(-1,function(){t.find(".active").removeClass("active"),r.parent().parent().hide().parentsUntil(t,"ul").first().addClass("active")}),n.resize&&e._resize(r.parent().parent().parentsUntil(t,"ul")))})}},{key:"_jumpToInitial",value:function(){var e=this.menu,t=this.settings,n=e.find(".active");n.length>0&&(n.removeClass("active"),this.jump(n,!1)),setTimeout(function(){return e.height(e.outerHeight())},t.speed)}},{key:"_move",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};if(0!==e){var n=this.settings,i=this.base,r=Math.round(parseInt(i.get(0).style.left))||0;i.css("left","".concat(r-100*e,"%")),"function"==typeof t&&setTimeout(t,n.speed)}}},{key:"_resize",value:function(e){this.menu.height(e.outerHeight())}},{key:"_transition",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,t=this.menu,n=this.base;t.css("transition-duration","".concat(e,"ms")),n.css("transition-duration","".concat(e,"ms"))}},{key:"jump",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=this.menu,i=this.settings,r=jQuery(e),s=n.find(".active"),a=0;s.length>0&&(a=s.parentsUntil(n,"ul").length),n.find("ul").removeClass("active").hide();var o=r.parentsUntil(n,"ul");o.show(),r.show().addClass("active"),t||this._transition(0),this._move(o.length-a),i.resize&&this._resize(r),t||this._transition(i.speed)}}},{key:"home",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.base,n=this.menu,i=this.settings;e||this._transition(0);var r=n.find(".active"),s=r.parentsUntil(n,"ul");this._move(-s.length,function(){r.removeClass("active").hide(),s.not(t).hide()}),i.resize&&this._resize(t),!1===e&&this._transition(i.speed)}},{key:"destroy",value:function(){var e=this,t=this.base,n=this.menu;jQuery(".header",n).remove(),jQuery("a",n).removeClass("next").off("click"),n.css({height:"","transition-duration":""}),t.css({left:"","transition-duration":""}),jQuery("li > a > span",n).contents().unwrap(),n.find(".active").removeClass("active"),n.attr("class").split(" ").forEach(function(e){0===e.indexOf("slinky")&&n.removeClass(e)});["settings","menu","base"].forEach(function(t){return delete e[t]})}}]),e}();jQuery.fn.slinky=function(e){return new a(this,e)}},function(e,t,n){}]);
|
||||
27
docs/js/tool.min.js
vendored
27
docs/js/tool.min.js
vendored
@@ -1,27 +0,0 @@
|
||||
function toolUnixTimeToUnix(GetTime,isMillisecond){var Time=new Date();Time.setFullYear(GetTime.substring(0,4));Time.setMonth(GetTime.substring(5,7)-1);Time.setDate(GetTime.substring(8,10));Time.setHours(GetTime.substring(11,13));Time.setMinutes(GetTime.substring(14,16));Time.setSeconds(GetTime.substring(17,19));if(isMillisecond==false){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3);}else if(isMillisecond==true){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3)+"000";}else{return"模式有误！";}}
|
||||
function toolUnixTimeToTime(GetUnix,isMillisecond){var Time=new Date();if(isMillisecond==false){GetUnix=GetUnix+"000";Time.setTime(GetUnix);}else if(isMillisecond==true){Time.setTime(GetUnix);}else{Time.setTime("0");}
|
||||
var TimeYear=Time.getFullYear();var TimeMonth=Time.getMonth()+1;if(TimeMonth.toString().length==1){TimeMonth="0"+TimeMonth;}
|
||||
var TimeDate=Time.getDate();if(TimeDate.toString().length==1){TimeDate="0"+TimeDate;}
|
||||
var TimeHour=Time.getHours();if(TimeHour.toString().length==1){TimeHour="0"+TimeHour;}
|
||||
var TimeMinute=Time.getMinutes();if(TimeMinute.toString().length==1){TimeMinute="0"+TimeMinute;}
|
||||
var TimeSecond=Time.getSeconds();if(TimeSecond.toString().length==1){TimeSecond="0"+TimeSecond;}
|
||||
return TimeYear+"-"+TimeMonth+"-"+TimeDate+" "+TimeHour+":"+TimeMinute+":"+TimeSecond;}
|
||||
function toolUnixTimeNow(){var GetInputA=document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0];var GetInputB=document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0];var GetSettingAA=document.getElementById("unixtime-setting-aa").checked;var GetSettingAB=document.getElementById("unixtime-setting-ab").checked;var GetSettingBA=document.getElementById("unixtime-setting-ba").checked;var GetSettingBB=document.getElementById("unixtime-setting-bb").checked;if(GetSettingAA==true){var Time=new Date();var TextLength=Time.getTime().toString().length;GetInputA.value=Time.getTime().toString().substring(0,TextLength-3);}else if(GetSettingAB==true){GetInputA.value=new Date().getTime();}
|
||||
GetInputB.value=toolUnixTimeToTime(new Date().getTime(),true);}
|
||||
function toolUnixTimeSubmit(){var GetInputA=document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0];var GetInputB=document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0];var GetOutputA=document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0];var GetOutputB=document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0];var GetSettingAA=document.getElementById("unixtime-setting-aa").checked;var GetSettingAB=document.getElementById("unixtime-setting-ab").checked;var GetSettingBA=document.getElementById("unixtime-setting-ba").checked;var GetSettingBB=document.getElementById("unixtime-setting-bb").checked;if(GetSettingAA==true){GetOutputA.value=toolUnixTimeToTime(GetInputA.value,false);}else if(GetSettingAB==true){GetOutputA.value=toolUnixTimeToTime(GetInputA.value,GetSettingAB);}
|
||||
GetOutputB.value=toolUnixTimeToUnix(GetInputB.value,GetSettingBB);}
|
||||
function toolUnixTimeClear(){document.querySelector("#tool-unixtime-input-a input").value='';document.querySelector("#tool-unixtime-input-b input").value='';document.querySelector("#tool-unixtime-output-a input").value='';document.querySelector("#tool-unixtime-output-b input").value='';}
|
||||
function toolCalculateSubmit(){GetInput=document.getElementById("tool-calculate-input");GetToFixed=document.getElementById("tool-calculate-tofixed");GetResult=document.getElementById("tool-calculate-result").getElementsByTagName("span")[0];GetCal=GetInput.value;GetCal=GetCal.replace(/π/g,"Math.PI");GetCal=GetCal.replace(/幂/g,"Math.pow");GetCal=GetCal.replace(/平方根/g,"Math.sqrt");if(GetToFixed.value>=0&&GetToFixed.value<=16){GetResult.innerText=eval(GetCal).toFixed(GetToFixed.value);}else{GetResult.innerText="保留位数有误（0 ~ 16 之间）";}}
|
||||
function toolCalculateClear(){GetInput=document.getElementById("tool-calculate-input");GetInput.value='';GetResult.innerText='';}
|
||||
function toolGenLinkSubmit(){var VarText="(*)";var BaseLink=document.getElementById("tool-genlink-link").getElementsByTagName("input")[0].value;var GetSettingType=document.getElementsByName("genlink-settings");var GetSettingA=document.getElementById("tool-genlink-settings-a").getElementsByTagName("input");var GetSettingB=document.getElementById("tool-genlink-settings-b").getElementsByTagName("input");var GetSettingC=document.getElementById("tool-genlink-settings-c").getElementsByTagName("input");var GetResult=document.getElementById("tool-genlink-result");var LinkReplace='';var LinkResult='';function AddZero(){if(NumLength<NumLastLength){var ZeroMax=NumLastLength-NumLength;for(let i=1;i<=ZeroMax;i++){Num="0"+Num;}}}
|
||||
function CheckReverse(){LinkReplace=BaseLink.replace(VarText,Num);if(GetReverse==false){LinkResult=LinkResult+LinkReplace+"\n";}else if(GetReverse==true){LinkResult=LinkReplace+"\n"+LinkResult;}}
|
||||
if(GetSettingType[0].checked==true){var GetFirst=parseInt(GetSettingA[1].value);var GetLength=parseInt(GetSettingA[2].value);var GetDiff=parseInt(GetSettingA[3].value);var GetZero=GetSettingA[4].checked;var GetReverse=GetSettingA[5].checked;if(GetZero==true){var Num;var NumLength;var NumLast=GetFirst+(GetLength-1)*GetDiff;var NumLastLength=NumLast.toString().length;for(var i=1;i<=GetLength;i++){Num=GetFirst+(i-1)*GetDiff;NumLength=Num.toString().length;AddZero();CheckReverse();}}else if(GetZero==false){var Num;for(var i=1;i<=GetLength;i++){Num=GetFirst+(i-1)*GetDiff;CheckReverse();}}}else if(GetSettingType[1].checked==true){var GetFirst=parseInt(GetSettingB[1].value);var GetLength=parseInt(GetSettingB[2].value);var GetDiff=parseInt(GetSettingB[3].value);var GetZero=GetSettingB[4].checked;var GetReverse=GetSettingB[5].checked;if(GetZero==true){var Num;var NumLength;var NumLast=GetFirst*Math.pow(GetDiff,(GetLength-1));var NumLastLength=NumLast.toString().length;for(var i=1;i<=GetLength;i++){Num=GetFirst*Math.pow(GetDiff,(i-1));NumLength=Num.toString().length;AddZero();CheckReverse();}}else if(GetZero==false){var Num;for(var i=1;i<=GetLength;i++){Num=GetFirst*Math.pow(GetDiff,(i-1));CheckReverse();}}}else if(GetSettingType[2].checked==true){var GetFirst=GetSettingC[1].value.charCodeAt(0);var GetLast=GetSettingC[2].value.charCodeAt(0);var GetReverse=GetSettingC[3].checked;if(GetFirst>=65&&GetFirst<=122&&GetLast>=65&&GetLast<=122){if(GetFirst<GetLast){for(var i=GetFirst;i<=GetLast;i++){if(i>=91&&i<=96){continue;}
|
||||
Num=String.fromCharCode(i);CheckReverse();}}else if(GetFirst>GetLast){GetResult.placeholder="字母先后顺序有误。\n请按此顺序填写：\nA - Z a - z\n例如：\n从 a 到 d\n从 A 到 D\n从 X 到 g";}else if(GetFirst==GetLast){GetResult.placeholder="仅有 1 条链接，无需生成。";}else{GetResult.placeholder="异常。";}}else{GetResult.placeholder="超出范围。";}}else{GetResult.placeholder="类型选择有误";}
|
||||
GetResult.value=LinkResult;}
|
||||
function toolGenLinkClear(){var GetResult=document.getElementById("tool-genlink-result");GetResult.value='';GetResult.placeholder="结果";}
|
||||
function toolNewWindowSubmit(){var link=document.querySelector("#tool-newwindow-link input").value;var width=document.querySelectorAll("#tool-newwindow-meta input")[0].value;var height=document.querySelectorAll("#tool-newwindow-meta input")[1].value;if(width==""){width=400;}
|
||||
if(height==""){height=300;}
|
||||
window.open(link,"_blank","height="+height+", width="+width+", toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=yes, status=yes");}
|
||||
function toolNewWindowClear(){document.querySelector("#tool-newwindow-link input").value="";document.querySelectorAll("#tool-newwindow-meta input")[0].value="";document.querySelectorAll("#tool-newwindow-meta input")[1].value="";}
|
||||
function toolRunJSSubmit(){var GetCode=document.querySelector("#tool-runjs-input");eval(GetCode.value);}
|
||||
function toolRunJSClear(){var GetCode=document.querySelector("#tool-runjs-input");GetCode.value='';}
|
||||
186
docs/tool.html
186
docs/tool.html
@@ -1,186 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cmn-Hans">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
<title>Frost 网址导航 - 小工具</title>
|
||||
<link rel="stylesheet" href="css/all.css" />
|
||||
<link rel="stylesheet" href="css/tool.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="main">
|
||||
<!-- 索引 -->
|
||||
<div class="tool-nav">
|
||||
<header>索引</header>
|
||||
<div class="tool-nav-link">
|
||||
<ul>
|
||||
<li><a href="index.html">主页</a></li>
|
||||
<li><a href="#tool-unixtime">Unix 时间戳转换</a></li>
|
||||
<li><a href="#tool-downloadtime">计算下载用时</a></li>
|
||||
<li><a href="#tool-calculate">简易计算</a></li>
|
||||
<li><a href="#tool-genlink">生成批量下载链接</a></li>
|
||||
<li><a href="#tool-newwindow">新窗口（小窗）中打开</a></li>
|
||||
<li><a href="#tool-runjs">运行 JavaScript</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Unix 时间戳转换 -->
|
||||
<div id="tool-unixtime">
|
||||
<header>Unix 时间戳转换</header>
|
||||
<!-- 时间戳转换为时间 -->
|
||||
<p>时间戳转换为北京时间</p>
|
||||
<!-- 输入框 -->
|
||||
<div id="tool-unixtime-input-a">
|
||||
<span>Unix 时间戳：</span><input type="text" />
|
||||
</div>
|
||||
<!-- 输出框 -->
|
||||
<div id="tool-unixtime-output-a">
|
||||
<span>时间：</span><input type="text" readonly />
|
||||
</div>
|
||||
<!-- 模式 -->
|
||||
<div class="tool-unixtime-setting-a">
|
||||
<span>模式：</span>
|
||||
<input type="radio" name="unixtime-setting-a" id="unixtime-setting-aa" />
|
||||
<label for="unixtime-setting-aa">秒(s)</label>
|
||||
<input type="radio" name="unixtime-setting-a" id="unixtime-setting-ab" checked />
|
||||
<label for="unixtime-setting-ab">毫秒(ms)</label>
|
||||
</div>
|
||||
<hr />
|
||||
<!-- 时间转换为时间戳 -->
|
||||
<p>北京时间转换为时间戳</p>
|
||||
<!-- 输入框 -->
|
||||
<div id="tool-unixtime-input-b">
|
||||
<span>时间：</span><input type="text" />
|
||||
</div>
|
||||
<!-- 输出框 -->
|
||||
<div id="tool-unixtime-output-b">
|
||||
<span>Unix 时间戳：</span><input type="text" readonly />
|
||||
</div>
|
||||
<!-- 模式 -->
|
||||
<div class="tool-unixtime-setting-b">
|
||||
<span>模式：</span>
|
||||
<input type="radio" name="unixtime-setting-b" id="unixtime-setting-ba" checked />
|
||||
<label for="unixtime-setting-ba">秒(s)</label>
|
||||
<input type="radio" name="unixtime-setting-b" id="unixtime-setting-bb" />
|
||||
<label for="unixtime-setting-bb">毫秒(ms)</label>
|
||||
</div>
|
||||
<hr />
|
||||
<!-- 按钮 -->
|
||||
<div class="tool-button" onclick="toolUnixTimeNow()">当前</div>
|
||||
<div class="tool-button" onclick="toolUnixTimeSubmit()">转换</div>
|
||||
<div class="tool-button" onclick="toolUnixTimeClear()">重置</div>
|
||||
</div>
|
||||
<!-- 计算下载用时 -->
|
||||
<div id="tool-downloadtime">
|
||||
<header>计算下载用时（未完成）</header>
|
||||
<!-- 输入 -->
|
||||
<div id="tool-downloadtime-input">
|
||||
<b>文件大小：</b><input type="text" /><br />
|
||||
<b>下载速度：</b><input type="text" />
|
||||
</div>
|
||||
<!-- 结果 -->
|
||||
<div id="tool-downloadtime-output">
|
||||
<b>大约用时：</b><span>待计算</span>
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="tool-button" onclick="toolDownloadTimeSubmit()">计算</div>
|
||||
<div class="tool-button" onclick="toolDownloadTimeClear()">重置</div>
|
||||
<!-- 帮助 -->
|
||||
<div id="tool-downloadtime-help">
|
||||
<p><b>文件大小</b></p>
|
||||
<p>数值 + 单位（B / KB / MB / GB / TB）</p>
|
||||
<p>例如：2 KB、5.5 GB</p>
|
||||
<p><b>下载速度（每秒）</b></p>
|
||||
<p>数值 + 单位（B / KB / MB / GB / TB）</p>
|
||||
<p>例如：2 KB、5.5 GB</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 简易计算 -->
|
||||
<div id="tool-calculate">
|
||||
<header>简易计算</header>
|
||||
<textarea id="tool-calculate-input" rows="8" placeholder="请输入算式（请使用“半角”符号） 注意：受浮点精度影响，结果仅供参考 加：+ 减：- 乘：* 除：/ 多层括号：仅需使用 () 乘方运算：幂(底数, 指数) 平方根：平方根(数值或算式)"></textarea>
|
||||
<div>保留小数点后 <input id="tool-calculate-tofixed" type="text" title="0 ~ 16 之间（默认：4）" value="4" /> 位数</div>
|
||||
<div id="tool-calculate-result">结果：<span></span></div>
|
||||
<div class="tool-button" onclick="toolCalculateSubmit()">计算</div>
|
||||
<div class="tool-button" onclick="toolCalculateClear()">清空</div>
|
||||
</div>
|
||||
<!-- 生成批量下载链接 -->
|
||||
<div id="tool-genlink">
|
||||
<header>生成批量下载链接</header>
|
||||
<div id="tool-genlink-link">
|
||||
<span>网址：</span>
|
||||
<input type="text" placeholder="变量用 (*) 表示" />
|
||||
</div>
|
||||
<hr />
|
||||
<div id="tool-genlink-settings">
|
||||
<div id="tool-genlink-settings-a">
|
||||
<input type="radio" name="genlink-settings" id="genlink-settings-a" checked />
|
||||
<label for="genlink-settings-a">等差数列</label>
|
||||
首项：<input type="text" value="1" />
|
||||
项数：<input type="text" value="5" />
|
||||
公差：<input type="text" value="1" /><br />
|
||||
<input type="checkbox" name="genlink-settings-a-reverse" id="genlink-settings-a-zero" />
|
||||
<label for="genlink-settings-a-zero">补0（暂不支持负数） </label>
|
||||
<input type="checkbox" name="genlink-settings-a-reverse" id="genlink-settings-a-reverse" />
|
||||
<label for="genlink-settings-a-reverse">倒序</label>
|
||||
</div>
|
||||
<hr />
|
||||
<div id="tool-genlink-settings-b">
|
||||
<input type="radio" name="genlink-settings" id="genlink-settings-b" />
|
||||
<label for="genlink-settings-b">等比数列</label>
|
||||
首项：<input type="text" value="1" />
|
||||
项数：<input type="text" value="5" />
|
||||
公比：<input type="text" value="2" /><br />
|
||||
<input type="checkbox" name="genlink-settings-b-reverse" id="genlink-settings-b-zero" />
|
||||
<label for="genlink-settings-b-zero">补0（暂不支持负数） </label>
|
||||
<input type="checkbox" name="genlink-settings-b-reverse" id="genlink-settings-b-reverse" />
|
||||
<label for="genlink-settings-b-reverse">倒序</label>
|
||||
</div>
|
||||
<hr />
|
||||
<div id="tool-genlink-settings-c">
|
||||
<input type="radio" name="genlink-settings" id="genlink-settings-c" />
|
||||
<label for="genlink-settings-c">字母变化</label>
|
||||
从：<input type="text" value="a" maxlength="1" />
|
||||
到：<input type="text" value="z" maxlength="1" /><br />
|
||||
<input type="checkbox" name="genlink-settings-c-reverse" id="genlink-settings-c-reverse" />
|
||||
<label for="genlink-settings-c-reverse">倒序</label>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<div class="tool-button" onclick="toolGenLinkSubmit()">生成</div>
|
||||
<div class="tool-button" onclick="toolGenLinkClear()">清空</div>
|
||||
<textarea id="tool-genlink-result" rows="8" placeholder="结果"></textarea>
|
||||
</div>
|
||||
<!-- 新窗口（小窗）中打开 -->
|
||||
<div id="tool-newwindow">
|
||||
<header>新窗口（小窗）中打开</header>
|
||||
<div id="tool-newwindow-link">
|
||||
<span>网址：</span>
|
||||
<input type="text" placeholder="需包含协议（例如 https://）" />
|
||||
</div>
|
||||
<div id="tool-newwindow-meta">
|
||||
<span>大小：</span>
|
||||
<input type="text" placeholder="宽度（默认 400）" />
|
||||
<input type="text" placeholder="高度（默认 300）" />
|
||||
</div>
|
||||
<div class="tool-button" onclick="toolNewWindowSubmit()">打开</div>
|
||||
<div class="tool-button" onclick="toolNewWindowClear()">清空</div>
|
||||
</div>
|
||||
<!-- 运行 JavaScript -->
|
||||
<div id="tool-runjs">
|
||||
<header>运行 JavaScript</header>
|
||||
<textarea id="tool-runjs-input" rows="6" placeholder="请输入 JavaScript 代码"></textarea>
|
||||
<div class="tool-button" onclick="toolRunJSSubmit()">运行</div>
|
||||
<div class="tool-button" onclick="toolRunJSClear()">清空</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 返回顶部 -->
|
||||
<div class="to-top" onclick="document.body.scrollTop = 0; document.documentElement.scrollTop = 0;">▲</div>
|
||||
<!-- 背景 -->
|
||||
<div class="page-background"></div>
|
||||
<!-- JavaScript -->
|
||||
<script src="js/tool.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user