审查视图

public/themes/simpleboot3/portal/index.html 4.3 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
            /*height: 100%;*/
李洪娟 authored
14
            overflow-y: scroll;
刘朕 authored
15 16
        }
        .container {
李洪娟 authored
17
            display: flex;
李洪娟 authored
18
            flex: 1;
李洪娟 authored
19
            padding-bottom: 1rem;
刘朕 authored
20
            flex-direction: column;
李洪娟 authored
21 22
            /*overflow: auto;*/
            overflow-x: hidden;
李洪娟 authored
23
            overflow-y: scroll;
刘朕 authored
24 25
        }
        .footer {
李洪娟 authored
26
            /*display: flex;*/
刘朕 authored
27
            /*position: relative;*/
刘朕 authored
28 29 30 31 32
            height: 1rem;
            color: #BBBBBB;
            background-color: #FFFFFF;
            box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.6);
        }
李洪娟 authored
33
        @media screen and (min-width: 375px) {
李洪娟 authored
34
            .video_lool{
李洪娟 authored
35
                margin-top: -0.25rem;
李洪娟 authored
36 37 38 39
            }
        }
        @media screen and (max-width: 320px) {
            .video_lool{
李洪娟 authored
40
                margin-top: -0.2rem;
李洪娟 authored
41 42
            }
        }
李洪娟 authored
43 44 45
        .swiper-container {
            margin: 0 auto;
            position: fixed;
李洪娟 authored
46
            bottom: 4.22rem;
李洪娟 authored
47 48 49 50 51
            list-style: none;
            padding: 0;
            z-index: 1;
        }
刘朕 authored
52 53 54 55 56 57 58 59 60
    </style>
</head>
<body>
<div class="container">

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