更改了一些样式

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

View File

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

View File

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

View File

@ -10,9 +10,9 @@ if ($config['showSwitch']) {
if ($fileArr[0]) { if ($fileArr[0]) {
foreach ($fileArr as $key => $value) { foreach ($fileArr as $key => $value) {
if ($key < $keyNum) { 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"> 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"> <a href="' . $boxImg . '" target="_blank">
<div class="pull-left" style="margin-top:5px;"> <div class="pull-left" style="margin-top:5px;">
<span class="label label-success">打开原图</span> <span class="label label-success">打开原图</span>
@ -70,27 +70,122 @@ $httpUrl = array(
</div> </div>
</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> <style>
#back-top { * {
position: fixed; list-style: none;
bottom: 10px; border: 0;
right: 8px;
z-index: 99;
} }
#back-top span { #rocket-to-top div {
width: 70px; left: 0;
height: 140px; 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; display: block;
background: url(../public/images/top.png) no-repeat center center; height: 150px;
z-index: 2;
} }
#back-top a { #rocket-to-top {
outline: none 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> </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"> <script type="text/javascript">
// 仅选择日期 // 仅选择日期
$(".form-date").datetimepicker({ $(".form-date").datetimepicker({
@ -112,25 +207,5 @@ $httpUrl = array(
}, },
delay: 2000 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> </script>
<?php require_once APP_ROOT . '/libs/footer.php'; <?php require_once APP_ROOT . '/libs/footer.php';

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"
}

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>

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>

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB