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