缩略图数据加载后触发的事件，翻页时也会触发此事件 **返回值** 无 **参数** | 名称 | 类型 | 描述 |非空 | --- | --- | --- |--- | | thumb| jQuery对象|当前缩略图对象 |是 | data| object|当前缩略图对应的数据 |是 **代码** ``` function afterShowThumb(thumb, data){ //假如缩略图模板如下： /* <div style="border: .5px solid #1e90ff; box-shadow: 2px 2px 25px #cac6c6; " tag="1"> <div style=" border: .5px solid #1e90ff; " tag="1"><label style="display: inline-block;text-align:center;width: 80px;padding: 8px;background: #1e90ff;color: #fff;">时间</label> <div style=" display: inline-block; color: #1e90ff; width: 200px; text-align: center; " tag="2"><span columnindex="1">##日期##</span></div> </div> <div style=" border: .5px solid #1e90ff; " tag="1"><label style="display: inline-block;text-align:center;width: 80px;padding: 8px;background: #1e90ff;color: #fff;">类型</label> <div style=" display: inline-block; color: #1e90ff; width: 200px; text-align: center; " tag="2"><span columnindex="2">##类型名称##</span></div> </div> <div style=" border: .5px solid #1e90ff; " tag="1"><label style="display: inline-block;text-align:center;width: 80px;padding: 8px;background: #1e90ff;color: #fff;">菜单</label> <div style=" display: inline-block; color: #1e90ff; width: 200px; text-align: center; " tag="2"><span columnindex="3">##菜单##</span></div> </div> </div> */ let c = data.V2 == '早餐' ? '#ffa500' : data.V2 == '晚餐' ? '#99cc99' : ''; if (c) { thumb.find('[tag=1]').css('borderColor', c); thumb.find('[tag=2]').css('color', c); thumb.find('label').css('background', c); } } ``` 运行效果如下：