| | |
| | | } |
| | | } |
| | | |
| | | #led-content { |
| | | display: none; |
| | | } |
| | | #led-p-content { |
| | | padding: 20px 40px; |
| | | font-size: 35px; |
| | | font-weight: bold |
| | | } |
| | | |
| | | </style> |
| | | </head> |
| | |
| | | <div class="speed-content"> |
| | | <div id="crn-chart" class="speed-chart"> |
| | | </div> |
| | | <!-- <div id="xSpeed-chart" class="speed-chart">--> |
| | | <!--<!– <span>堆垛机走行速度:</span><span id="xSpeed" class="counter">5.00</span><span>米/秒</span>–>--> |
| | | <!-- </div>--> |
| | | <!-- <div id="ySpeed-chart" class="speed-chart">--> |
| | | <!--<!– <span>堆垛机升降速度:</span><span id="ySpeed" class="counter">5.00</span><span>米/秒</span>–>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 中下 --> |
| | | <div class="scroll-pane"> |
| | | <div class="layui-carousel" id="test1"> |
| | | <div class="layui-carousel" id="banner"> |
| | | <div carousel-item> |
| | | <div class="item-img" id="img-1" style="background-color: red"></div> |
| | | <div class="item-img" id="img-2" style="background-color: gold"></div> |
| | |
| | | <div class="item-img" id="img-4" style="background-color: white"></div> |
| | | <div class="item-img" id="img-5" style="background-color: darkgoldenrod"></div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div id="led-content"> |
| | | <pre id="led-p-content"></pre> |
| | | </div> |
| | | |
| | | <!-- <!– 中左 –>--> |
| | |
| | | var element = layui.element; |
| | | // 轮播图 |
| | | carousel.render({ |
| | | elem: '#test1' |
| | | elem: '#banner' |
| | | ,width: '100%' //设置容器宽度 |
| | | ,arrow: 'hover' // 切换箭头默认显示状态,可选值为 hover(悬停显示) always(始终显示) none(始终不显示) |
| | | ,interval: '3000' // 自动切换的时间间隔,单位:ms(毫秒),不能低于800 |