轮播图

develop
Jmysy 2020-06-10 08:39:53 +08:00
parent dfc718618c
commit d666546327
2 changed files with 30 additions and 24 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

View File

@ -116,6 +116,7 @@
<div class="layui-carousel" id="test1"> <div class="layui-carousel" id="test1">
<div carousel-item> <div carousel-item>
<div><a target="_blank" href="http://c.biancheng.net/design_pattern/"><img src="../../admin/images/designModel.png" style="width: 100%;height: 100%;margin: 0px;"></a></div>
<div><a target="_blank" href="https://blog.yuqiyu.com"><img src="../../admin/images/springboot.png" style="width: 100%;height: 100%;margin: 0px;"></a></div> <div><a target="_blank" href="https://blog.yuqiyu.com"><img src="../../admin/images/springboot.png" style="width: 100%;height: 100%;margin: 0px;"></a></div>
</div> </div>
</div> </div>
@ -187,17 +188,22 @@
carousel.render({ carousel.render({
elem: '#test1' elem: '#test1',
,width: '100% ' width: '100% ',
,height: '100%' height: '100%',
,interval: 5000 //每2秒自动轮播 interval: 5000 //每2秒自动轮播
,arrow: 'always' ,
arrow: 'always'
}); });
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden'); var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
$("body").on("click", "[data-url]", function() { $("body").on("click", "[data-url]", function() {
parent.layui.pearTab.addTabOnlyByElem("content" parent.layui.pearTab.addTabOnlyByElem("content", {
,{id:$(this).attr("data-id"),title:$(this).attr("data-title"),url:$(this).attr("data-url"),close:true}) id: $(this).attr("data-id"),
title: $(this).attr("data-title"),
url: $(this).attr("data-url"),
close: true
})
}) })