You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
3.9 KiB
HTML
111 lines
3.9 KiB
HTML
|
|
<block name="style">
|
|
<style>
|
|
body{padding: 0}
|
|
</style>
|
|
</block>
|
|
<block name="body">
|
|
<link href="__CSS__/index3.0.css" type="text/css" rel="stylesheet"/>
|
|
<style>
|
|
body {font-family:"微软雅黑";background-color:#fff;}
|
|
|
|
.setup_deleteimg1{position:fixed;top:104px;right:0;}
|
|
.setup_deleteimg{float:right;display:table;width:44px;height:36px;border-radius:4px 0 0 4px;background-color:#659be1;line-height:36px;cursor:pointer;}
|
|
.setup_deleteimg div{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
|
|
|
|
.setup_layer {padding:10px 31px;}
|
|
.setup_layer ul {overflow:hidden;clear:both;padding:0;margin:0;}
|
|
.setup_layer li {float:left;width:152px;}
|
|
.setup_layer .item {position:relative;padding:20px 10px 15px;}
|
|
.setup_layer .item .picbox {position:relative;width:64px;margin:0 auto;}
|
|
.setup_layer .item .picbox .pic {display:block;position:relative;width:100%;height:64px;border-radius:16px;overflow:hidden;background:#dedede;color:#FFF;font-size:14px;}
|
|
.setup_layer .table {display:table;width:100%;height:100%;position:absolute;z-index:1;}
|
|
.setup_layer .table-cell {display:table-cell;width:100%;vertical-align:middle;text-align:center;}
|
|
.setup_layer .table-cell div.wid_64{width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
.setup_layer .item .picbox .pic img {width:100%;height:100%;position:relative;z-index:2;}
|
|
.setup_layer .item .name {text-align:center;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#999;}
|
|
.setup_layer .item .picbox .delete-butn {display:none;position: absolute;top:-11px;right:-11px;width: 22px;height: 22px;background: url(__IMG__/index.png) no-repeat;z-index:3;background-position: -190px 0;}
|
|
</style>
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/{$Think.config.COLOR_STYLE}.css" media="all">
|
|
<script src="__JS__/jquery-1.11.0.min.js"></script>
|
|
<script src="__STATIC__/layer/layer.js"></script>
|
|
<!-- 主体 -->
|
|
<div class="setup_layer">
|
|
<div class="setup_deleteimg1">
|
|
<div class="setup_deleteimg jsdeleteimg">
|
|
<div>
|
|
<img src="__IMG__/zwmimages/icon_normal_shanchu.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ul>
|
|
<volist name="kuaijielist" id="vo">
|
|
<li>
|
|
<div class="item">
|
|
<div class="picbox">
|
|
<a href="javascript:;" class="delete-butn jsdelete" data-id="{$vo.id}"></a>
|
|
<a href="javascript:;" url="{:U($vo['url'])}" class="pic jsjump"><span class="table font"><span class="table-cell"><div class="wid_64">{$vo.title}</div></span></span><img src="{:get_cover($vo['value'],'path')}"></a>
|
|
</div>
|
|
<a href="javascript:;" url="{:U($vo['url'])}" class="name jsjump">{$vo.title}</a>
|
|
</div>
|
|
</li>
|
|
</volist>
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</block>
|
|
|
|
<block name="script">
|
|
<script type="text/javascript">
|
|
|
|
$('.jsjump').on('click',function() {
|
|
|
|
parent.location.href = $(this).attr('url');
|
|
|
|
return false;
|
|
});
|
|
|
|
$('.jsdeleteimg').click(function() {
|
|
//移除常用设置
|
|
$(".jsdelete").toggle().on('click',function(){
|
|
|
|
var that = $(this);
|
|
if ($(".jsdelete").hasClass('disabled')) {return false;}
|
|
|
|
$(".jsdelete").addClass('disabled');
|
|
|
|
$.ajax({
|
|
type:'post',
|
|
dataType:'json',
|
|
url:'{:U("Index/delShortcutIcon")}',
|
|
data:{id:that.attr('data-id')},
|
|
success:function(data) {
|
|
$(".jsdelete").removeClass('disabled');
|
|
if (parseInt(data.status)==1) {
|
|
|
|
that.closest('li').remove();
|
|
|
|
layer.msg(data.info, {icon: 1,shade: 0.2,time:1000,});
|
|
|
|
} else {
|
|
layer.msg(data.info, {icon: 2,shade: 0.2,time:1000,});
|
|
}
|
|
},error:function() {
|
|
$(".jsdelete").removeClass('disabled');
|
|
layer.msg('服务器故障，请稍候再试....', {icon: 5,shade: 0.2,time:1000,});
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
</script>
|
|
</block> |