diff --git a/docs/css/style.css b/docs/css/style.css index ddc3b5a..bdfbcdb 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -220,6 +220,37 @@ footer img { border-radius: 0; } +/* 工具面板 */ + +.tool-panel { + position: fixed; + left: 0; + bottom: 0; +} + +.tool-panel-bar { + height: 5vh; + background-color: #F5F5F5; +} + +.tool-panel-close { + position: absolute; + top: 0; + right: 8px; + height: 5vh; + width: 5vh; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); + background-color: #4CAF50; +} + +.tool-panel-iframe { +} + +.tool-panel-iframe iframe { + height: 95vh; + width: 100vw; +} + /* 链接的图标 */ /* diff --git a/docs/css/tool.css b/docs/css/tool.css new file mode 100644 index 0000000..ce50889 --- /dev/null +++ b/docs/css/tool.css @@ -0,0 +1,129 @@ +@charset "UTF-8"; + +* { + margin: 0; + padding: 0; +} + +body { + background-color: #F5F5F5; +} + +/* 滚动条 */ + +::-webkit-scrollbar { + height: 8px; + width: 8px; +} +::-webkit-scrollbar-thumb { + background: #999; + border-radius: 0; +} +::-webkit-scrollbar-track { + background: #eee; + border-radius: 0; +} + +/* 选中 */ + +::selection { + background:#03A9F4; + color:#FFF; +} +::-moz-selection { + background:#03A9F4; + color:#FFF; +} +::-webkit-selection { + background:#03A9F4; + color:#FFF; +} + +/* 主要 */ + +.main { + margin: 0 auto; + width: 90%; + max-width: 400px; +} + +.main > div { + margin: 20px 0; + padding: 15px; + box-sizing: border-box; + width: 100%; + background-color: #FFF; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.main > div header { + margin-bottom: 10px; + text-align: center; + font-size: 20px; + font-weight: bold; +} + +.main > div textarea { + padding: 5px; + box-sizing: border-box; + border: 1px solid #03A9F4; + font-size: 16px; + box-shadow: 0 0 5px rgba(3, 169, 244, 0.2); +} + +.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); +} + +.tool-button:hover { + background-color: #2196F3; +} + +/* 计算 */ + +.tool-calculate textarea { + width: 100%; + resize: none; +} + +.tool-calculate-tofixed { + width: 20px; + font-size: 14px; +} + +.tool-calculate .tool-button { + margin: 5px 5px 2px 0; +} + +/* 生成批量下载链接 */ + +.tool-genlink-link input { + margin-bottom: 10px; + height: 20px; + width: 80%; +} + +.tool-genlink-settings { + font-size: 14px; +} + +.tool-genlink .tool-button { + position: relative; + left: 50%; + margin-bottom: 10px; + transform: translateX(-50%); +} + +.tool-genlink textarea { + width: 100%; + resize: none; + font-size: 14px; +} diff --git a/docs/index.html b/docs/index.html index 561bbbe..27a73a8 100644 --- a/docs/index.html +++ b/docs/index.html @@ -518,6 +518,17 @@
  • APSGO 软购
    • +
  • + 饮食 + +
    • @@ -886,6 +897,7 @@
  • 开发
    • @@ -1217,6 +1229,16 @@
    +
    加载中...
    搜索
    diff --git a/docs/js/tool.js b/docs/js/tool.js new file mode 100644 index 0000000..1f5ec56 --- /dev/null +++ b/docs/js/tool.js @@ -0,0 +1,16 @@ +function toolCalculateSubmit() { + getInput = document.getElementById("tool-calculate-input"); + getToFixed = document.getElementsByClassName("tool-calculate-tofixed")[0]; + getResult = document.getElementsByClassName("tool-calculate-result")[0].getElementsByTagName("span")[0]; + if (getToFixed.value >= 0 && getToFixed.value <= 16) { + getResult.innerText = eval(getInput.value).toFixed(getToFixed.value); + } else { + getResult.innerText = "错误"; + } +} + +function toolCalculateClear() { + getInput = document.getElementById("tool-calculate-input"); + getInput.value = ''; + getResult.innerText = ''; +} diff --git a/docs/tool.html b/docs/tool.html new file mode 100644 index 0000000..3407a27 --- /dev/null +++ b/docs/tool.html @@ -0,0 +1,41 @@ + + + + + + + Frost 网址导航 - 工具 + + + +
    +
    +
    简易计算
    + +
    保留小数点后 位数
    +
    结果：
    +
    计算
    +
    清空
    +
    +
    +
    生成批量下载链接
    +
    + 网址： +
    +
    + + 等差数列 首项：项数：公差： +
    + + 等比数列 首项：项数：公比： +
    + + 字母变化 从：到： +
    +
    生成
    + +
    +
    + + +