Browse Source

看图优化

1.x
xiaoz 6 years ago
parent
commit
b4e15da30a
  1. 46
      admin/picadmin.php
  2. 2
      functions/version.txt
  3. 24
      static/embed.js
  4. 10
      static/style.css
  5. 2
      tpl/admin/footer.php
  6. 2
      tpl/admin/header.php
  7. 2
      tpl/user/header.php

46
admin/picadmin.php

@ -63,9 +63,15 @@ @@ -63,9 +63,15 @@
$imgurl = $config['domain'].$img['path'];
$id = $img['id'];
?>
<div class="layui-col-lg4 picadmin">
<div id = "imgid<?php echo $id; ?>" class="layui-col-lg4 picadmin" onmouseover = "show_imgcon(<?php echo $id; ?>)" onmouseout = "hide_imgcon(<?php echo $id; ?>)">
<!-- <a id = "imgid<?php echo $id; ?>" href="javascript:;" onclick = "adminshow('<?php echo $imgurl ?>',<?php echo $id; ?>)"></a> -->
<img lay-src="<?php echo $imgurl; ?>" layer-src="<?php echo $imgurl; ?>" alt="图片ID: <?php echo $id; ?>" src = "../static/loading32.gif">
<!-- 删除按钮 -->
<div class = "imgcon" id = "imgcon<?php echo $id; ?>">
<a href="javascript:;" title = "图片链接" class="layui-btn layui-btn-xs layui-btn-normal" onclick = "adminshow('<?php echo $imgurl ?>',<?php echo $id; ?>)"><i class="layui-icon">&#xe64c;</i></a>
<a href="javascript:;" title = "删除这张图片" class="layui-btn layui-btn-xs layui-btn-danger" onclick="deleteimg(<?php echo $id; ?>)"><i class="layui-icon">&#xe640;</i></a>
</div>
<!-- 删除按钮END -->
</div>
<?php } ?>
</div>
@ -75,6 +81,44 @@ @@ -75,6 +81,44 @@
<!-- 后台内容部分END -->
</div>
</div>
<!--图片查看-->
<div id="adminshow">
<div style = "margin-top:2em;"><center><img src="" alt=""></center></div>
<div id = "copy">
<center>
<table class="layui-table" lay-skin="nob">
<colgroup>
<col width="80">
<col width="520">
<col>
</colgroup>
<tbody>
<tr>
<td>URL</td>
<td><input type="text" class="layui-input" id="url" data-cip-id="url"></td>
<td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="newcopy('url')">复制</a></td>
</tr>
<tr>
<td>HTML</td>
<td><input type="text" class="layui-input" id="html" data-cip-id="html"></td>
<td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="newcopy('html')">复制</a></td>
</tr>
<tr>
<td>MarkDown</td>
<td><input type="text" class="layui-input" id="markdown" data-cip-id="markdown"></td>
<td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="newcopy('markdown')">复制</a></td>
</tr>
<tr>
<td>BBcode</td>
<td><input type="text" class="layui-input" id="bbcode" data-cip-id="bbcode"></td>
<td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="newcopy('bbcode')">复制</a></td>
</tr>
</tbody>
</table>
</center>
</div>
</div>
<!--图片查看-->
<?php
// 载入页脚
// 载入头部

2
functions/version.txt

@ -1 +1 @@ @@ -1 +1 @@
v1.40(20181106)
v1.41(20181119)

24
static/embed.js

@ -283,6 +283,7 @@ function deleteimg(id){ @@ -283,6 +283,7 @@ function deleteimg(id){
$.get("./delete.php?id="+id,function(data,status){
if(data == 'ok') {
$("#imgid"+id).remove();
console.log("#imgid"+id);
}
else{
alert(data);
@ -475,3 +476,26 @@ function screen(page){ @@ -475,3 +476,26 @@ function screen(page){
window.location.href = page + "?page=1&date=" + starttime + '|' + endtime;
}
}
//显示图片操作按钮
function show_imgcon(id){
$("#imgcon" + id).show();
}
//隐藏图片操作按钮
function hide_imgcon(id){
$("#imgcon" + id).hide();
}
//新版删除图片
// function deleteimg(id){
// layer.confirm('确认删除?', {icon: 3, title:'温馨提示!'}, function(index){
// $.get("./delete.php?id="+id,function(data,status){
// if(data == 'ok') {
// $("#imgid"+id).remove();
// }
// else{
// alert(data);
// }
// });
// layer.close(index);
// });
// }

10
static/style.css

@ -98,6 +98,7 @@ @@ -98,6 +98,7 @@
top:4em;
}
.picadmin{
/* display:table; */
margin:0 auto;
height:200px;
border:1px solid #ECECEC;
@ -207,6 +208,7 @@ @@ -207,6 +208,7 @@
}
#adminshow img{
max-width:680px;
max-height: 400px;
text-align:center;
}
@ -237,3 +239,11 @@ @@ -237,3 +239,11 @@
#tongji a{
color:#FFFFFF;
}
/* 图片控制 */
.imgcon{
position: absolute;
z-index: 99;
right:5px;
bottom: 5px;
display: none;
}

2
tpl/admin/footer.php

@ -13,7 +13,7 @@ @@ -13,7 +13,7 @@
<script src="../static/jquery.min.js"></script>
<script src="../static/layui/layui.js"></script>
<script src="../static/embed.js?v=1.31"></script>
<script src="../static/embed.js?v=v1.41"></script>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;

2
tpl/admin/header.php

@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="../favicon.ico" />
<link rel="stylesheet" href="../static/layui/css/layui.css">
<link rel="stylesheet" href="../static/style.css?v=1.31">
<link rel="stylesheet" href="../static/style.css?v=v1.41">
<script src = "../static/clipBoard.min.js"></script>
</head>
<body>

2
tpl/user/header.php

@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="favicon.ico" />
<link rel="stylesheet" href="./static/layui/css/layui.css">
<link rel="stylesheet" href="./static/style.css?v=1.31">
<link rel="stylesheet" href="./static/style.css?v=v1.41">
<script src = "./static/clipBoard.min.js"></script>
<script src = "./static/ctrv-upload.js"></script>
</head>

Loading…
Cancel
Save