github
/
EasyImages2.0
mirror of https://github.com/icret/EasyImages2.0
1
0
Fork 0
Code Issues Releases Wiki Activity

更改了一些样式

pull/18/head
icret 2021-05-23 01:09:40 +08:00
parent 26d4617d1f
commit eaac74db4f
8 changed files with 243 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
api/api-web.php
View File

@ -47,7 +47,8 @@ if (isset($_POST['delDir'])) {
<div class="alert alert-primary">
<h3 style="text-align:center">EasyImage2.0 快捷操作中心</h2>
<hr />
<h5>此页面为常用一键操作，目录保存以 年/月/日/ 递进，非必要请勿修改！否则会导致部分操作不可用。</h4>
<h5>此页面为常用一键操作，目录保存以 年/月/日/ 递进，非必要请勿修改！否则会导致部分操作不可用。</h5>
<h5>当前版本：<?php echo $config['version'] ?></h5>
</div>
</div>
<div class="col-md-12">
@ -159,7 +160,7 @@ if (isset($_POST['delDir'])) {
<label for="exampleInputInviteCode1" style="color:red">删除所选日期文件夹（删除之后无法恢复！）：</label>
<input type="text" class="form-control form-date" name="delDir" value="2021/05/22/" readonly="">
</div>
<button type="submit" class="btn btn-mini btn-danger">删除目录</button>
<button type="submit" class="btn btn-mini btn-danger" onClick="delcfm()">删除目录</button>
</form>
</div>
@ -170,6 +171,7 @@ if (isset($_POST['delDir'])) {
<link href="../public/static/zui/lib/datetimepicker/datetimepicker.min.css" rel="stylesheet">
<script src="../public/static/zui/lib/datetimepicker/datetimepicker.min.js"></script>
<script>
// 动态显示要删除的图片
var oBtn = document.getElementById('del');
var oTi = document.getElementById('title');
if ('oninput' in oBtn) {
@ -181,7 +183,6 @@ if (isset($_POST['delDir'])) {
function getWord() {
var delimgurl = document.getElementById("delimgurl");
delimgurl.innerHTML += '<img src="' + oBtn.value + '" width="200" class="img-rounded" /><br />';
//oTi.innerHTML = '<img src="' + oBtn.value + '" width="200" class="img-rounded" /><br />';
}
// 仅选择日期
@ -196,7 +197,15 @@ if (isset($_POST['delDir'])) {
format: "yyyy/mm/dd/"
});
// Title
document.title = "管理中心 - <?php echo $config['title']; ?>";
// 删除目录确认
function delcfm() {
if (!confirm("确认要删除？\n* 删除文件夹后将无法恢复！")) {
window.event.returnValue = false;
}
}
</script>
<?php require_once APP_ROOT . '/libs/footer.php';

2
libs/function.php
View File

@ -472,7 +472,7 @@ function getVersion()
} elseif ($config['version'] == $getVersion->readJson()) { // 版本相同不提示
return null;
} else { // 返回版本
return ':' . $getVersion->readJson();
return '：' . $getVersion->readJson();
}
}
} else {

145
libs/list.php
View File

@ -10,9 +10,9 @@ if ($config['showSwitch']) {
if ($fileArr[0]) {
foreach ($fileArr as $key => $value) {
if ($key < $keyNum) {
$boxImg = $config['domain'] . config_path($path) . $value;
$boxImg = $config['imgurl'] . config_path($path) . $value;
echo '<div class="col-md-4 col-sm-6 col-lg-3"><div class="card listNum">
<img data-toggle="lightbox" data-image="' . $boxImg . '" src="../public/images/Eclipse-1s-200px.svg" class="img-thumbnail" alt="简单图床-EasyImage" >
<img data-toggle="lightbox" data-image="' . $boxImg . '" src="../public/images/loading.svg" class="img-thumbnail" alt="简单图床-EasyImage" >
<a href="' . $boxImg . '" target="_blank">
<div class="pull-left" style="margin-top:5px;">
<span class="label label-success">打开原图</span>
@ -70,27 +70,122 @@ $httpUrl = array(
</div>
</div>
<!-- 返回顶部 -->
<p id="back-top" style="display:none"><a href="#top"><span></span></a></p>
<div style="display: none;" id="rocket-to-top">
<div style="opacity:0;display: block;" class="level-2"></div>
<div class="level-3"></div>
</div>
<style>
#back-top {
position: fixed;
bottom: 10px;
right: 8px;
z-index: 99;
* {
list-style: none;
border: 0;
}
#back-top span {
width: 70px;
height: 140px;
#rocket-to-top div {
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 149px;
}
#rocket-to-top .level-2 {
background: url("../public/images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
display: none;
height: 250px;
opacity: 0;
z-index: 1;
}
#rocket-to-top .level-3 {
background: none repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
background: url(../public/images/top.png) no-repeat center center;
height: 150px;
z-index: 2;
}
#back-top a {
outline: none
#rocket-to-top {
background: url("../public/images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
cursor: default;
display: block;
height: 250px;
margin: -125px 0 0;
overflow: hidden;
padding: 0;
position: fixed;
right: 0;
top: 80%;
width: 149px;
z-index: 11;
}
</style>
<script>
// 返回顶部
$(function() {
var e = $("#rocket-to-top"),
t = $(document).scrollTop(),
n,
r,
i = !0;
$(window).scroll(function() {
var t = $(document).scrollTop();
t == 0 ? e.css("background-position") == "0px 0px" ? e.fadeOut("slow") : i && (i = !1, $(".level-2").css("opacity", 1), e.delay(100).animate({
marginTop: "-1000px"
},
"normal",
function() {
e.css({
"margin-top": "-125px",
display: "none"
}),
i = !0
})) : e.fadeIn("slow")
}),
e.hover(function() {
$(".level-2").stop(!0).animate({
opacity: 1
})
},
function() {
$(".level-2").stop(!0).animate({
opacity: 0
})
}),
$(".level-3").click(function() {
function t() {
var t = e.css("background-position");
if (e.css("display") == "none" || i == 0) {
clearInterval(n),
e.css("background-position", "0px 0px");
return
}
switch (t) {
case "0px 0px":
e.css("background-position", "-298px 0px");
break;
case "-298px 0px":
e.css("background-position", "-447px 0px");
break;
case "-447px 0px":
e.css("background-position", "-596px 0px");
break;
case "-596px 0px":
e.css("background-position", "-745px 0px");
break;
case "-745px 0px":
e.css("background-position", "-298px 0px");
}
}
if (!i) return;
n = setInterval(t, 50),
$("html,body").animate({
scrollTop: 0
}, "slow");
});
});
</script>
<script type="text/javascript">
// 仅选择日期
$(".form-date").datetimepicker({
@ -112,25 +207,5 @@ $httpUrl = array(
},
delay: 2000
})
// 返回顶部
$(function() {
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(window).scroll(function() {
if ($(this).scrollTop() > 400) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function() {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
});
</script>
<?php require_once APP_ROOT . '/libs/footer.php';

41
libs/verson.json
View File

@ -1,41 +0,0 @@
{
"url": "https://api.github.com/repos/icret/EasyImages2.0/releases/42663696",
"assets_url": "https://api.github.com/repos/icret/EasyImages2.0/releases/42663696/assets",
"upload_url": "https://uploads.github.com/repos/icret/EasyImages2.0/releases/42663696/assets{?name,label}",
"html_url": "https://github.com/icret/EasyImages2.0/releases/tag/2.1.1",
"id": 42663696,
"author": {
"login": "icret",
"id": 16373024,
"node_id": "MDQ6VXNlcjE2MzczMDI0",
"avatar_url": "https://avatars.githubusercontent.com/u/16373024?v=4",
"gravatar_id": "",
"url": "https://api.github.com/users/icret",
"html_url": "https://github.com/icret",
"followers_url": "https://api.github.com/users/icret/followers",
"following_url": "https://api.github.com/users/icret/following{/other_user}",
"gists_url": "https://api.github.com/users/icret/gists{/gist_id}",
"starred_url": "https://api.github.com/users/icret/starred{/owner}{/repo}",
"subscriptions_url": "https://api.github.com/users/icret/subscriptions",
"organizations_url": "https://api.github.com/users/icret/orgs",
"repos_url": "https://api.github.com/users/icret/repos",
"events_url": "https://api.github.com/users/icret/events{/privacy}",
"received_events_url": "https://api.github.com/users/icret/received_events",
"type": "User",
"site_admin": false
},
"node_id": "MDc6UmVsZWFzZTQyNjYzNjk2",
"tag_name": "2.1.1",
"target_commitish": "master",
"name": "EasyImage2.0 简单图床 ver:2.1.1",
"draft": false,
"prerelease": false,
"created_at": "2021-05-08T07:42:59Z",
"published_at": "2021-05-09T12:13:59Z",
"assets": [
],
"tarball_url": "https://api.github.com/repos/icret/EasyImages2.0/tarball/2.1.1",
"zipball_url": "https://api.github.com/repos/icret/EasyImages2.0/zipball/2.1.1",
"body": "EasyImage2.0 简单图床\r\n版本：2.1.1"
}

6
public/images/Eclipse-1s-200px.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(241, 242, 243); display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<path d="M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50" fill="#5be1da" stroke="none" style="animation-play-state: running; animation-delay: 0s;">
<animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 51;360 50 51" style="animation-play-state: running; animation-delay: 0s;"></animateTransform>
</path>
<!-- [ldio] generated by https://loading.io/ --></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 771 B

120
public/images/loading.svg Normal file
View File

@ -0,0 +1,120 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="400px" height="400px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<g transform="rotate(0 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#df1317">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9655172413793104s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(12.413793103448276 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e4934b">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9310344827586207s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(24.82758620689655 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e2bb8b">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.896551724137931s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(37.241379310344826 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e1e7e7">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8620689655172413s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(49.6551724137931 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#91bcc6">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8275862068965517s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(62.06896551724138 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#07abcc">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7931034482758621s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(74.48275862068965 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#0a69aa">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7586206896551724s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(86.89655172413794 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#194645">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7241379310344828s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(99.3103448275862 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#df1317">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6896551724137931s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(111.72413793103448 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e4934b">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6551724137931034s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(124.13793103448276 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e2bb8b">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6206896551724138s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(136.55172413793105 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e1e7e7">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5862068965517241s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(148.9655172413793 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#91bcc6">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5517241379310345s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(161.3793103448276 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#07abcc">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5172413793103449s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(173.79310344827587 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#0a69aa">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4827586206896552s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(186.20689655172413 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#194645">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4482758620689655s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(198.6206896551724 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#df1317">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.41379310344827586s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(211.0344827586207 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e4934b">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3793103448275862s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(223.44827586206895 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e2bb8b">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3448275862068966s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(235.86206896551724 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e1e7e7">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3103448275862069s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(248.27586206896552 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#91bcc6">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.27586206896551724s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(260.6896551724138 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#07abcc">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.2413793103448276s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(273.1034482758621 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#0a69aa">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.20689655172413793s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(285.51724137931035 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#194645">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.1724137931034483s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(297.9310344827586 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#df1317">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.13793103448275862s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(310.3448275862069 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e4934b">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.10344827586206896s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(322.7586206896552 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e2bb8b">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.06896551724137931s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(335.17241379310343 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#e1e7e7">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.034482758620689655s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(347.58620689655174 50 50)">
<rect x="48.5" y="12" rx="1.5" ry="8" width="3" height="16" fill="#91bcc6">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
</rect>
</g>
<!-- [ldio] generated by https://loading.io/ --></svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
public/images/rocket_button_up.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/images/top.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB