轮播图

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>
@ -176,7 +177,7 @@
<!--</div>--> <!--</div>-->
<script src="../../component/layui/layui.js" charset="utf-8"></script> <script src="../../component/layui/layui.js" charset="utf-8"></script>
<script> <script>
layui.use(['layer', 'echarts','carousel', 'element','pearTab'], function() { layui.use(['layer', 'echarts', 'carousel', 'element', 'pearTab'], function() {
var $ = layui.jquery, var $ = layui.jquery,
layer = layui.layer, layer = layui.layer,
element = layui.element, element = layui.element,
@ -186,18 +187,23 @@
carousel = layui.carousel; carousel = layui.carousel;
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
})
}) })