轮播图
parent
dfc718618c
commit
d666546327
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
|
|
@ -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
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue