~~~
{include file="public/header"/}
<!--弹出框主体start-->
<div class="layui-layer-content" >
<div class="hhAlbum_menu" >
<ul>
{volist name="file_tag" id="vo"}
<a href="/admin/imgfile/simple/tag_id/{$vo.id}.html">
<li {eq name='vo.id' value='$Request.param.tag_id'}class="active"{/eq}>
{$vo.title}
<span>
{$vo.id|getImgNum}张
</span>
{neq name="vo['id']" value="1"}
<a onClick="admin_edit('修改分组','/admin/imgfiletag/edit/id/{$vo.id}.html','500','510')" class="btn_edit">
<i class="layui-icon"></i>
</a>
<a onClick="admin_del(this,{$vo['id']})" class="btn_del">
<i class="layui-icon"></i>
</a>
{/neq}
</li>
</a>
{/volist}
<li>
<a class="btn_create" title="创建" onClick="admin_edit('添加分组','/admin/imgfileTag/add/id/0.html','500','510')" style="text-decoration:none">
+ 创建
</a>
</li>
</ul>
</div>
<div class="hhAlbum_imgs">
<ul>
{volist name="file" id="vo" empty="暂无该类信息~"}
<li data-id="undefined" class="undefined">
<div>
<img class="lazy" src="/public{$vo.url}">
<b>
</b>
<p>
1620 x 1080
</p>
</div>
<input type="radio" name="id" class="redio" value="{$vo.url}" >
<span>
...{$vo.url|mb_substr=-12,-1}g
</span>
<a onClick="admin_edit('修改分组','/admin/imgfile/edit/id/{$vo.id}.html','500','510')" style=" color: #2196f3;cursor: pointer">
分组
</a>
<a onClick="admin_del(this,'{$vo.id}')" style=" color: #2196f3;cursor: pointer">
删除
</a>
</li>
{/volist}
</ul>
<p class="clear">
</p>
</div>
<div class="hhAlbum_pages" id="pagination">
</div>
<div class="hhAlbum_actions">
<div id="uploadimgwrap_1527242603094" style="position: relative;">
<a href="javascript:;" class="btn_upload layui-btn layui-btn-normal waves-effect" id="test1" style="z-index: 1;">
<i class="layui-icon"></i> 上传照片</a>
</div>
</div>
<div class="hhAlbum_footer">
<p class="hh_tip" style="display: none;">
提示
</p>
<a class="hh_btn btn_sub" id="imgchoice">
<!-- 选择
<b>
0
</b>
张，-->确定
</a>
</div>
</div>
<script src="/public/admin/js/jquery.min.js"></script>
<script src="/public/admin/js/layui/layui.all.js"></script>
<script src="/public/admin/js/admin.js"></script>
<script src="/public/static/js/ueditor/ueditor.config.js"></script>
<script src="/public/static/js/ueditor/ueditor.all.min.js"></script>
<script>
// 修改分组
function admin_edit(title,url,w,h){
xadmin_show(title,url,w,h);
}
// 删除
function admin_del(obj,id){
layer.confirm('确认要删除吗？',function(index){
//发异步把用户状态进行更改
$.get("{:url('imgfile/delete')}",{id:id},function(data){
window.location.replace(location.href);
layer.msg(data);
});
});
}
//选择图片-单张
/*******start*******/
$("body").on("click","#imgchoice",function(){
var key = $("input[type='radio']:checked").val();
if(key){
window.parent.document.getElementById('thumb').value = key;
// 获得frame索引
var index = parent.layer.getFrameIndex(window.name);
//关闭当前frame
parent.layer.close(index);
}else{
layer.msg('请选择');
}
})
</script>
<style>
.layui-layer-content {
position: relative;
/*padding: 20px;*/
line-height: 24px;
word-break: break-all;
font-size: 14px;
overflow: auto;
}
.hhAlbum_menu {
position: absolute;
left: 0;
width: 200px;
height: 100%;
background: #f7f7f7;
overflow: auto;
border-right: 1px solid #eaeaea;
}
.hhAlbum_menu ul {
padding: 0;
margin: 0;
}
.hhAlbum_menu ul li.active {
background: #fff;
}
.hhAlbum_menu ul li {
position: relative;
padding: 12px 50px 12px 12px;
font: 14px/18px "微软雅黑";
cursor: pointer;
border-bottom: 1px solid #eaeaea;
}
.hhAlbum_menu ul li span {
position: absolute;
right: 12px;
top: 12px;
}
.hhAlbum_imgs {
position: relative;
height: 318px;
margin-left: 200px;
border: 0px solid #f00;
}
.hhAlbum_imgs ul {
padding: 5px;
border: 0px solid #f00;
}
.hhAlbum_imgs ul li {
float: left;
margin: 5px;
width: 120px;
list-style: none;
}
.hhAlbum_imgs ul li div {
position: relative;
width: 120px;
height: 120px;
}
.hhAlbum_imgs ul li img {
width: 100%;
height: 100%;
cursor: pointer;
}
.hhAlbum_imgs ul li div b {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 5;
width: 116px;
height: 116px;
border: 2px solid #6ec174;
box-sizing: content-box;
cursor: pointer;
}
.hhAlbum_imgs ul li div p {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
background: rgba(0,0,0,0.3);
}
.hhAlbum_imgs ul li p {
font: 12px/20px "微软雅黑";
margin: 5px 0 0;
padding: 0;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hhAlbum_pages {
height: 38px;
padding: 12px 0 0 210px;
/* border-top: 1px solid #eee;*/
box-sizing: content-box;
}
.hhAlbum_actions {
position: absolute;
bottom: 60px;
right: 0;
height: 50px;
padding-right: 50px;
}
.hhAlbum_footer {
/*position: absolute;*/
bottom: 0;
width: 100%;
height: 60px;
margin: 0;
padding: 0;
/* border-top: 1px solid #e7eaec;*/
overflow: hidden;
}
.hhAlbum_footer .hh_tip {
display: none;
padding: 0;
position: absolute;
left: 20px;
top: 20px;
font: 14px/20px "微软雅黑";
color: #f26e67;
}
.hhAlbum_footer .hh_btn {
display: block;
width: 150px;
margin: 13px auto;
padding: 5px;
font: 16px/24px "微软雅黑";
color: #fff;
text-align: center;
background: #337AB7;
border-radius: 3px;
cursor: pointer;
}
.hhAlbum_imgs ul li.selected b {
display: block;
background: url(/public/album_check.png) no-repeat right bottom;
}
</style>
<!--弹出框主体end-->
{include file="public/footer"/}
~~~
- 心灵笔记
- tp5在编辑器一行一个添加信息
- 出库入库处理
- 出库
- 入库
- 后台控制器
- tp5加载更多-流加载
- 配件列表
- Parts.php
- add.html
- edit.html
- 图片管理
- controller
- 1.imgfile.php
- 2.imgfiletag.php
- view
- imgfile
- 1.index.html
- 2.show.html
- 3.simple.html
- 4.more.html
- 5.edit.html
- 6.deittag.html
- imgfiletag
- add.htm
- edit.htm
- model
- imgfile.php
- imgfiletag.php
- api
- upload.php
- js
- admin.js
- tp5整合百度编辑器多图上传
- 1.html代码
- 2.js代码
- 3.api代码
- 4.extend中的拓展代码
- tp5删除图片同时删除服务器图片
- 实用字段的的添加更新
- 根据时间戳获取未来几天星期几
- curl
- 城市按字母排版
- 聚合查询及渲染，处理产品首页
- 过滤字段
- 风控
- 查询id是否在数组里
- 判断更新还是新增操作
- tp5使用引入php文件