<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <include file="public@head_common"/> <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/index.css" /> <title>巧虎</title> <style> html,body { display: flex; flex-flow: column; height: 100%; } .container { display: flex; flex: 1; padding-bottom: 1rem; flex-direction: column; overflow: auto; } .footer { display: flex; /*position: relative;*/ height: 1rem; color: #BBBBBB; background-color: #FFFFFF; box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.6); } </style> </head> <body> <div class="container"> <!--轮播图--> <div class="swiper-container"> <div class="swiper-wrapper"> <volist name="slideList" id="vo"> <div class="swiper-slide"> <div class="index_swiper"> <notempty name="vo.url"> <a href="{$vo.url}"><img src="{:cmf_get_asset_url($vo['image'])}" style="vertical-align:middle;"/></a> <else/> <img src="{:cmf_get_asset_url($vo['image'])}" style="vertical-align:middle;"/> </notempty> </div> </div> </volist> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> <!--立即查看视频--> <div class="video_lool"> <img src="__TMPL__/public/mobile/images/index_bg.png" class="video_background"/> <div class="video_text_wrap"> <p class="video_text">更多精彩内容</p> <p class="video_text">请您观看巧虎视频</p> </div> <img src="__TMPL__/public/mobile/images/index_btn.png" class="video_btn"/> </div> </div> <include file="public@footer"/> <script src="__TMPL__/public/mobile/js/common.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var swiper = new Swiper('.swiper-container', { pagination: { el: '.swiper-pagination', }, }); $('.video_btn').click(function(){ $.ajax({ url: "{:url('user/Index/isLogin')}", type: "POST", data: {}, dataType: "JSON", success: function(res){ if(res.code == 1) { window.location.href = res.url; } else { window.location.href = res.url; } } }); }); </script> </body> </html>