审查视图

public/themes/simpleboot3/portal/index.html 4.4 KB
刘朕 authored
1 2 3 4
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
李洪娟 authored
5
    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
刘朕 authored
6 7 8 9 10 11 12
    <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;
李洪娟 authored
13
            /*background:#70b7ef;*/
李洪娟 authored
14
            /*background: url(__TMPL__/public/mobile/images/back.png)repeat-x center;*/
李洪娟 authored
15
            /*height: 100%;*/
李洪娟 authored
16
            overflow-y: scroll;
刘朕 authored
17 18
        }
        .container {
李洪娟 authored
19
            display: flex;
李洪娟 authored
20
            flex: 1;
李洪娟 authored
21
            padding-bottom: 1rem;
刘朕 authored
22
            flex-direction: column;
李洪娟 authored
23 24
            /*overflow: auto;*/
            overflow-x: hidden;
李洪娟 authored
25
            overflow-y: scroll;
刘朕 authored
26 27
        }
        .footer {
李洪娟 authored
28
            /*display: flex;*/
刘朕 authored
29
            /*position: relative;*/
刘朕 authored
30 31 32 33 34
            height: 1rem;
            color: #BBBBBB;
            background-color: #FFFFFF;
            box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.6);
        }
李洪娟 authored
35
        @media screen and (min-width: 375px) {
李洪娟 authored
36
            .video_lool{
李洪娟 authored
37
                margin-top: -0.25rem;
李洪娟 authored
38 39 40 41
            }
        }
        @media screen and (max-width: 320px) {
            .video_lool{
李洪娟 authored
42
                margin-top: -0.2rem;
李洪娟 authored
43 44
            }
        }
李洪娟 authored
45 46 47
        .swiper-container {
            margin: 0 auto;
            position: fixed;
李洪娟 authored
48
            bottom: 3.7rem;
李洪娟 authored
49 50 51 52 53
            list-style: none;
            padding: 0;
            z-index: 1;
        }
刘朕 authored
54 55 56 57 58 59 60 61 62
    </style>
</head>
<body>
<div class="container">

    <!--轮播图-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <volist name="slideList" id="vo">
刘朕 authored
63 64 65 66 67 68 69 70 71
                <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>
刘朕 authored
72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91
            </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">
李洪娟 authored
92
     // alert($(document).height())
李洪娟 authored
93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110
    // if($(document).height()==455){
    //     // $(".index_swiper").css("height","95%");
    //     // $(".swiper-container").css("height","95%");
    //     $(".index_swiper img").css("height","102%");
    //     $(".video_lool").css("padding-top","2rem");
    //     $(".video_lool").css("margin-top","0");
    //     $(".video_lool").css("height","2.54rem");
    //     $(".video_text_wrap").css("top","0.6rem");
    //     $(".body").css("padding-bottom","5rem")
    //
    // }else if($(document).height()==554){
    //     $(".index_swiper img").css("height","102%");
    //     $(".video_lool").css("padding-top","2rem");
    //     $(".video_lool").css("margin-top","0");
    //     $(".video_lool").css("height","2.54rem");
    //     $(".video_text_wrap").css("top","0.6rem")
    //     $(".body").css("padding-bottom","5rem")
    // }
李洪娟 authored
111
  // alert( $(".video_lool").css("height"))
刘朕 authored
112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133
    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>
李洪娟 authored
134
</html>