轮播图
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 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>
|
||||
</div>
|
||||
|
|
@ -176,7 +177,7 @@
|
|||
<!--</div>-->
|
||||
<script src="../../component/layui/layui.js" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.use(['layer', 'echarts','carousel', 'element','pearTab'], function() {
|
||||
layui.use(['layer', 'echarts', 'carousel', 'element', 'pearTab'], function() {
|
||||
var $ = layui.jquery,
|
||||
layer = layui.layer,
|
||||
element = layui.element,
|
||||
|
|
@ -186,18 +187,23 @@
|
|||
carousel = layui.carousel;
|
||||
|
||||
|
||||
carousel.render({
|
||||
elem: '#test1'
|
||||
,width: '100% '
|
||||
,height: '100%'
|
||||
,interval: 5000 //每2秒,自动轮播
|
||||
,arrow: 'always'
|
||||
carousel.render({
|
||||
elem: '#test1',
|
||||
width: '100% ',
|
||||
height: '100%',
|
||||
interval: 5000 //每2秒,自动轮播
|
||||
,
|
||||
arrow: 'always'
|
||||
});
|
||||
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
|
||||
|
||||
$("body").on("click","[data-url]",function(){
|
||||
parent.layui.pearTab.addTabOnlyByElem("content"
|
||||
,{id:$(this).attr("data-id"),title:$(this).attr("data-title"),url:$(this).attr("data-url"),close:true})
|
||||
$("body").on("click", "[data-url]", function() {
|
||||
parent.layui.pearTab.addTabOnlyByElem("content", {
|
||||
id: $(this).attr("data-id"),
|
||||
title: $(this).attr("data-title"),
|
||||
url: $(this).attr("data-url"),
|
||||
close: true
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue