1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/suremotoo-e-tools

Клонировать/Скачать
index.html 21 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
suremotoo Отправлено 27.04.2019 09:56 6f9b293
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>E-tools</title>
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="css/rightMenu.css">
<link rel="stylesheet" type="text/css" href="css/cardMenu.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">E-tools 工具集合</div>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon layui-nav-img" style="font-size: 16px; color: #1E9FFF;">&#xe614;</i>
切换语言
</a>
<dl class="layui-nav-child" id="select_language">
<dd><a href="javascript:;" data-language="ru"><img src="assets/img/flags/rus.png"> 俄语</a></dd>
<dd><a href="javascript:;" data-language="us"><img src="assets/img/flags/usa.png"> 英语</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect="" id="quickSetting" data-language="cn">
<a href="javascript:;">
<i class="layui-icon" style="font-size: 16px; color: #1E9FFF;">&#xe674;</i>
快速切换设置
</a>
</li>
<li class="layui-nav-item">
<div class="layui-form" lay-filter="component-form-element">
<div class="layui-col-md4">
<input type="checkbox" id="quick_change" name="quick_change" lay-skin="switch" lay-text="开启|关闭" checked="" lay-filter="quick_change_switch">
<div class="layui-unselect layui-form-switch" lay-skin="_switch"><em>开启</em><i></i>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域 -->
<ul class="layui-nav layui-nav-tree" lay-filter="menu-tree">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">加密解密</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" title="MD5" data-type="tabAdd" data-href="sections/md5.html" data-id="11">MD5</a></dd>
<dd><a href="javascript:;" title="Base64" data-type="tabAdd" data-href="sections/base64.html" data-id="12">Base64</a></dd>
<dd><a href="javascript:;" title="Escape" data-type="tabAdd" data-href="sections/escape.html" data-id="13">Escape</a></dd>
<dd><a href="javascript:;" title="Sha1" data-type="tabAdd" data-href="sections/sha1.html" data-id="14">Sha1</a></dd>
</dl>
</li>
<!-- <li class="layui-nav-item">
<a href="javascript:;">图片处理</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" data-type="tabAdd" data-href="sections/pic_base64.html" data-id="20">图转Base64</a></dd>
<dd><a href="javascript:;">生成二维码</a></dd>
</dl>
</li> -->
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">代码格式化</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" title="JSON 格式化" data-type="tabAdd" data-href="sections/format_json.html" data-id="30">JSON</a></dd>
<dd><a href="javascript:;" title="HTML 格式化" data-type="tabAdd" data-href="sections/format_html.html" data-id="31">HTML</a></dd>
<dd><a href="javascript:;" title="SQL 格式化" data-type="tabAdd" data-href="sections/format_sql.html" data-id="32">SQL</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">文档资料</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" title="HTTP 状态码" data-type="tabAdd" data-href="sections/doc_http.html" data-id="40">HTTP状态码</a></dd>
<dd><a href="javascript:;" title="颜色选择器" data-type="tabAdd" data-href="sections/pickerColor.html" data-id="41">颜色选择器</a></dd>
<dd><a href="javascript:;" title="生成 UUID" data-type="tabAdd" data-href="sections/generate_uuid.html"
data-id="42">生成UUID</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="layui-body" style="bottom: 0;top:40px;">
<!-- 内容主体区域 -->
<div style="padding: 15px 15px 0 15px;overflow: hidden;">
<div class="layui-tab layui-tab-brief" lay-filter="tab_filter" lay-allowclose="true">
<ul class="layui-tab-title">
<li class="layui-this" id="navigator_tab">功能导航</li>
</ul>
<div class="layui-body layui-tab-content" style="left: 15px;top:65px;">
<div class="layui-tab-item layui-show" style="width: 100%;">
<!-- <iframe id="navigator" width="100%" height="100%" frameborder="0" src="sections/navigator.html"></iframe> -->
<!-- start -->
<div class="layui-fluid">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 5px;">
<legend>加密/解密</legend>
</fieldset>
<div class="layui-row">
<div class="layui-col-xs12">
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" data-type="tabAdd" data-href="sections/md5.html"
data-id="11" class="item-icon" title="MD5">
<img alt="MD5加密" title="MD5" src="assets/img/unlock-icon-1.png">
</a>
<h3><a href="javascript:" data-type="tabAdd" data-href="sections/md5.html"
data-id="11" class="item-icon" title="MD5" target="_blank"
title="MD5">MD5</a></h3>
<div class="item-desc">MD5加密</div>
</div>
</div>
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" data-type="tabAdd" data-href="sections/base64.html"
data-id="12" class="item-icon" title="Base64">
<img alt="Base64加密解密" src="assets/img/unlock-icon.png">
</a>
<h3><a href="javascript:" data-type="tabAdd" data-href="sections/base64.html"
data-id="12" target="_blank" title="Base64">Base64</a></h3>
<div class="item-desc">Base64加密解密</div>
</div>
</div>
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" class="item-icon" title="Escape" data-type="tabAdd"
data-href="sections/escape.html" data-id="13">
<img alt="Escape" src="assets/img/unlock-icon.png">
</a>
<h3><a href="javascript:" target="_blank" title="Escape" data-type="tabAdd"
data-href="sections/escape.html" data-id="13">Escape</a></h3>
<div class="item-desc">Escape加密解密</div>
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-xs3">
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" class="item-icon" title="Sha1" data-type="tabAdd"
data-href="sections/sha1.html" data-id="14">
<img alt="sha" src="assets/img/lock-icon.png">
</a>
<h3><a href="javascript:" target="_blank" title="Sha1" data-type="tabAdd"
data-href="sections/sha1.html" data-id="14">Sha</a></h3>
<div class="item-desc">SHA1、SHA256、SHA512加密</div>
</div>
</div>
</div>
</div>
<fieldset class="layui-elem-field layui-field-title">
<legend>格式化、高亮</legend>
</fieldset>
<div class="layui-row">
<div class="layui-col-xs12">
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" data-type="tabAdd" data-href="sections/format_json.html"
data-id="30" class="item-icon" title="JSON 格式化">
<img alt="format_JSON" src="assets/img/json-file.png">
</a>
<h3><a href="javascript:" data-type="tabAdd" data-href="sections/format_json.html"
data-id="30" class="item-icon" title="JSON 格式化" target="_blank">JSON
格式化</a></h3>
<div class="item-desc"> JSON 格式化、颜色高亮、压缩</div>
</div>
</div>
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" data-type="tabAdd" data-href="sections/format_html.html"
data-id="31" class="item-icon" title="HTML 格式化">
<img alt="format_HTML" src="assets/img/html.png">
</a>
<h3><a href="javascript:" data-type="tabAdd" data-href="sections/format_html.html"
data-id="31" target="_blank" title="HTML 格式化">HTML 格式化</a></h3>
<div class="item-desc">HTML 格式化、颜色高亮、压缩</div>
</div>
</div>
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" class="item-icon" title="SQL 格式化" data-type="tabAdd"
data-href="sections/format_sql.html" data-id="32">
<img alt="format_SQL" src="assets/img/sql.png">
</a>
<h3><a href="javascript:" target="_blank" title="SQL 格式化" data-type="tabAdd"
data-href="sections/format_sql.html" data-id="32">SQL 格式化</a></h3>
<div class="item-desc"> SQL 格式化、颜色高亮、压缩</div>
</div>
</div>
</div>
</div>
<fieldset class="layui-elem-field layui-field-title">
<legend>文档资料</legend>
</fieldset>
<div class="layui-row">
<div class="layui-col-xs12">
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" data-type="tabAdd" data-href="sections/doc_http.html"
data-id="40" class="item-icon" title="HTTP状态码">
<img alt="doc_http" src="assets/img/404.png">
<!-- <i class="layui-icon" style="font-size: 35px; color: #1E9FFF;">&#xe705;</i> -->
</a>
<h3><a href="javascript:" data-type="tabAdd" data-href="sections/doc_http.html"
data-id="40" class="item-icon" title="HTTP状态码" target="_blank">HTTP状态码</a>
</h3>
<div class="item-desc">常见 HTTP 状态码及解释</div>
</div>
</div>
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" data-type="tabAdd" data-href="sections/pickerColor.html"
data-id="41" class="item-icon" title="颜色选择器">
<img alt="pickercolor" src="assets/img/color.png">
</a>
<h3><a href="javascript:" data-type="tabAdd" data-href="sections/pickerColor.html"
data-id="41" target="_blank" title="颜色选择器">颜色选择器</a></h3>
<div class="item-desc">颜色选择器,包括 RGB、HEX、HSV</div>
</div>
</div>
<div class="tool-item layui-anim layui-anim-scaleSpring">
<div class="tool-item-inner">
<a href="javascript:" data-type="tabAdd" data-href="sections/generate_uuid.html"
data-id="42" class="item-icon" title="生成UUID">
<img alt="pickercolor" src="assets/img/uuid.png">
</a>
<h3><a href="javascript:" data-type="tabAdd" data-href="sections/generate_uuid.html"
data-id="42" target="_blank" title="生成UUID">生成UUID</a></h3>
<div class="item-desc">通用唯一识别码(Universally Unique Identifier)</div>
</div>
</div>
</div>
</div>
</div>
<ul class="site-doc-color bottom-desc" id="introduce" style="margin-top: 2%;">
<li style="background-color: #009688;">
<a href="javascript:" data-href="https://jienitudousi.github.io/" class="item-icon" title="repo_url">
<img alt="repo_url" src="assets/img/home.png">
</a>
<p tips>Logo图标</p>
<p>
<h3>@杰尼龟</h3>
</p>
</li>
<li style="background-color: #5FB878;">
<a href="javascript:" data-href="https://github.com/Suremotoo/e-tools" class="item-icon"
title="repo_github">
<img alt="repo_github" src="assets/img/github.png">
</a>
<p tips>Github</p>
<p>
<h3>仓库地址</h3>
</p>
</li>
<li style="background-color: #393D49;">
<a href="javascript:" data-href="http://jscolor.com/" class="item-icon" title="ref_jscolor">
<img alt="ref_jscolor" src="assets/img/android-chrome-192x192.png">
</a>
<p tips>PickerColor</p>
<p>
<h3>jsColor</h3>
</p>
</li>
<li style="background-color: #1E9FFF;">
<a href="javascript:" data-href="http://codemirror.net/" class="item-icon" title="ref_codeMirror">
<img alt="ref_codeMirror" src="assets/img/codeMirror-logo.png">
</a>
<p tips>Code Editor</p>
<p>
<h3>CodeMirror</h3>
</p>
</li>
</ul>
<!-- end -->
</div>
</div>
</div>
</div>
</div>
<div class="layui-footer">
<!-- 底部固定区域 -->
<center>© 2018 <a href="https://github.com/Suremotoo/e-tools">e-tools</a></center>
</div>
</div>
<script src="layui/layui.js"></script>
<script>
require('./renderer-process/index.js')
require('./renderer-process/server.js')
</script>
</body>
<!--Tab菜单右键弹出菜单-->
<ul class="rightMenu" id="rightMenu">
<li data-type="fresh"><i class="layui-icon" style="color: #009688;">&#x1002;</i>&nbsp;刷新</li>
<li data-type="current"><i class="layui-icon" style="color: #FF5722;">&#x1007;</i>&nbsp;关闭当前</li>
<li data-type="other"><i class="layui-icon" style="color: #FFB800;">&#x1007;</i>&nbsp;关闭其它</li>
<li data-type="all"><i class="layui-icon" style="color: #FF5722;">&#x1006;</i>&nbsp;关闭所有</li>
</ul>
</html>

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/suremotoo-e-tools.git
git@api.gitlife.ru:oschina-mirror/suremotoo-e-tools.git
oschina-mirror
suremotoo-e-tools
suremotoo-e-tools
master