审查视图

public/themes/simpleboot3_mobile/portal/enjoy/index.html 12.7 KB
1 2 3 4 5 6 7 8 9 10 11 12
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
    <script src="__TMPL__/public/assets/js/base.js"></script>
    <title>星享体验</title>
zhangwei authored
13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
    <style>
        .first_search,
        .first_search_left {
            display: flex;
            display: -webkit-flex;
            align-items: center;
        }
        
        .first_search_left_img {
            width: 0.2rem;
            height: 0.22rem;
        }
        
        .first_search_right_img {
            width: 0.2rem;
            height: 0.2rem;
        }
        
        .first_search_right_img img {
            width: 100%;
            height: 100%;
            display: block;
        }
        
        .first_search_left_img img {
            width: 100%;
            height: 100%;
            display: block;
        }
        
        .first_searchUl {
            display: none;
            width: 2.6rem;
            height: 2.4rem;
            overflow-y: scroll;
            position: absolute;
            top: 0.6rem;
            left: 0.26rem;
            z-index: 100;
        }
        
        .first_searchUl li {
            background-color: white;
            padding: 0.1rem 0.18rem;
            box-sizing: border-box;
            border-top: 1px solid #D4DCEB;
        }
    </style>
61 62 63
</head>

<body>
zhangwei authored
64
    <include file="public@header" />
65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81
    <!-- banner -->
    <div class="first_top">
        <div class="first_top_img">
            <volist name="coverImg" id="vo">
                <img src="{:cmf_get_image_url($vo.image)}" alt="">
            </volist>
        </div>
        <div class="first_top_title">
            Star Experience
        </div>
    </div>
    <!-- 搜索栏 -->
    <div class="first_search">
        <div class="first_search_left">
            <div class="first_search_left_img">
                <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
            </div>
景龙 authored
82
            <div class="first_search_left_word show_city">所有</div>
83 84 85
        </div>
        <div class="first_search_right">
            <div class="first_search_right_img">
zhangwei authored
86
                <img src="__TMPL__/public/assets/images/down2.png" alt="" />
87 88
            </div>
        </div>
景龙 authored
89 90 91 92 93 94 95 96 97 98 99 100 101
        <input type="hidden" value="{$cityName}" id="cityName">
        <form method="GET" action="/portal/enjoy/index">
            <ul class="first_searchUl">
                <li value="0" class="one-txt-cut">所有</li>
                <volist name="city_name" id="vo">
                    <li value="{$vo.id}" class="one-txt-cut">{$vo.name}</li>
                </volist>
            </ul>
            <input type="hidden" value="0" name="city_id" id="city_id">
            <div style="display:none;">
                <input type="submit" id="city_submit"/>
            </div>
        </form>
102 103 104
    </div>
    <!-- 亲临现场 -->
    <div class="first_scene">
105
        <div class="first_scene_contant" id="own">
106 107 108 109 110 111
            <div class="first_scene_img">
                <div class="first_scene_top_img">
                    <img src="__TMPL__/public/assets/images/cicon_50@2x.png" alt="" />
                </div>
                <div class="first_scene_top_ch">亲临<span>现场</span>
                </div>
zhangwei authored
112
                <div class="first_scene_top_en">On Spot </div>
113 114 115 116 117 118 119 120 121 122 123 124
            </div>
        </div>
        <!-- 亲临现场 -->
        <div class="first_gallery">
            <!-- 图片 -->
            <div class="star_gall_img swiper-container">
                <!-- 轮播图 -->
                <ul class="swiper-wrapper">
                    <volist name="res_qlxc" id="vo">
                        <li class="swiper-slide">
                            <div class="first_galley_contant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
zhangwei authored
125
                                    <div class="first_galley_contant_img" style="height:5rem;">
126 127 128
                                        <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
                                    </div>
                                    <div class="first_galley_contant_title">
zhangwei authored
129
                                        <div class="first_galley_contant_title_top one-txt-cut">
130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145
                                            {$vo.post_title}
                                        </div>
                                        <div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
                                            {$vo.post_excerpt}
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
    <!-- 市井漫游 -->
    <div class="first_scene">
146
        <div class="first_scene_contant" id="roam">
147 148 149 150 151 152 153 154 155 156 157 158 159 160
            <div class="first_scene_img">
                <div class="first_scene_top_img">
                    <img src="__TMPL__/public/assets/images/cicon_51@2x.png" alt="" />
                </div>
                <div class="first_scene_top_ch">市井<span>漫游</span>
                </div>
                <div class="first_scene_top_en">
                    Local Walker
                </div>
            </div>
        </div>
        <!-- 市井漫游 -->
        <div class="first_gallery first_town">
            <!-- 图片 -->
zhangwei authored
161
            <div class="star_gall_img swiper-container2">
162 163 164 165 166 167
                <!-- 轮播图 -->
                <ul class="swiper-wrapper">
                    <volist name="res_sjmy" id="vo">
                        <li class="swiper-slide">
                            <div class="first_galley_contant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
zhangwei authored
168
                                    <div class="first_galley_contant_img" style="height:6rem;">
169 170 171
                                        <img src="{:cmf_get_image_url($vo.index_thumbnail2)}" alt="" />
                                    </div>
                                    <div class="first_galley_contant_title">
zhangwei authored
172
                                        <div class="first_galley_contant_title_top one-txt-cut">
173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188
                                            {$vo.post_title}
                                        </div>
                                        <div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
                                            {$vo.post_excerpt}
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
    <!-- 视听盛宴 -->
    <div class="first_scene">
189
        <div class="first_scene_contant" id="feast">
190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210
            <div class="first_scene_img">
                <div class="first_scene_top_img">
                    <img src="__TMPL__/public/assets/images/cicon_52@2x.png" alt="" />
                </div>
                <div class="first_scene_top_ch">视听<span>盛宴</span>
                </div>
                <div class="first_scene_top_en">
                    Sense Feast
                </div>
            </div>
        </div>
        <!-- 视听盛宴 -->
        <div class="first_gallery">
            <!-- 图片 -->
            <div class="star_gall_img swiper-container">
                <!-- 轮播图 -->
                <ul class="swiper-wrapper">
                    <volist name="res_stsy" id="vo">
                        <li class="swiper-slide">
                            <div class="first_galley_contant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
zhangwei authored
211
                                    <div class="first_galley_contant_img" style="height:5rem;">
212 213 214
                                        <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
                                    </div>
                                    <div class="first_galley_contant_title">
zhangwei authored
215
                                        <div class="first_galley_contant_title_top one-txt-cut">
216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231
                                            {$vo.post_title}
                                        </div>
                                        <div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
                                            {$vo.post_excerpt}
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
    <!-- 户外天堂 -->
    <div class="first_scene">
232
        <div class="first_scene_contant" id="sky">
233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253
            <div class="first_scene_img">
                <div class="first_scene_top_img">
                    <img src="__TMPL__/public/assets/images/cicon_53@2x.png" alt="" />
                </div>
                <div class="first_scene_top_ch">户外<span>天堂</span>
                </div>
                <div class="first_scene_top_en">
                    Outdoor & Sport
                </div>
            </div>
        </div>
        <!-- 户外天堂 -->
        <div class="first_gallery">
            <!-- 图片 -->
            <div class="star_gall_img swiper-container">
                <!-- 轮播图 -->
                <ul class="swiper-wrapper">
                    <volist name="res_hwtt" id="vo">
                        <li class="swiper-slide">
                            <div class="first_galley_contant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
zhangwei authored
254
                                    <div class="first_galley_contant_img" style="height:5rem;">
255 256 257
                                        <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
                                    </div>
                                    <div class="first_galley_contant_title">
zhangwei authored
258
                                        <div class="first_galley_contant_title_top one-txt-cut">
259 260 261 262 263 264 265 266 267 268 269 270 271 272 273
                                            {$vo.post_title}
                                        </div>
                                        <div class="first_galley_contant_title_bottom">
                                            {$vo.post_excerpt}
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
    <!--底部-->
zhangwei authored
274
    <include file="public@footer" />
275 276 277 278 279
</body>
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
景龙 authored
280 281 282 283 284 285
    var value = $('#cityName').val();
    if(value != ''){
        $('.show_city').text(value);
    }else{
        $('.show_city').text('所有');
    }
zhangwei authored
286 287 288 289 290 291 292 293 294 295
    $('.first_search').click(function() {
        if ($('.first_search_right_img img').attr('src') == "__TMPL__/public/assets/images/down2.png") {
            $('.first_search_right_img img').attr('src', "__TMPL__/public/assets/images/upjian.png");
            $('.first_searchUl').show();
        } else {
            $('.first_search_right_img img').attr('src', "__TMPL__/public/assets/images/down2.png");
            $('.first_searchUl').hide();
        }
    });
    $('.first_searchUl li').click(function() {
景龙 authored
296 297
        var city_id = $(this).val();
        $('#city_id').val(city_id);
景龙 authored
298
        $('form').submit();
景龙 authored
299
        window.location.href = '/portal/enjoy/index?city_id='+city_id;
zhangwei authored
300
    });
301 302 303 304 305 306 307 308 309 310
    // 星域秀场视频
    var video = document.getElementById("video");

    function bofang() {
        video.play();
        $("#video").attr("controls", "controls");
        $(".video_start").hide();
    }
    // swiper
    var swiper = new Swiper(".swiper-container", {
zhangwei authored
311 312 313 314 315 316 317
        slidesPerView: 1.3,
        paginationClickable: true,
        spaceBetween: 10,
        freeMode: true
    });
    var swiper = new Swiper('.swiper-container2', {
        slidesPerView: 1.1,
318 319 320 321 322 323 324
        paginationClickable: true,
        spaceBetween: 10,
        freeMode: true
    });
</script>

</html>