作者 景龙
1 个管道 的构建 通过 耗费 0 秒

修改视频

@@ -79,19 +79,26 @@ @@ -79,19 +79,26 @@
79 <div class="first_search_left_img"> 79 <div class="first_search_left_img">
80 <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" /> 80 <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
81 </div> 81 </div>
82 - <div class="first_search_left_word">澳大利亚</div> 82 + <div class="first_search_left_word show_city">所有</div>
83 </div> 83 </div>
84 <div class="first_search_right"> 84 <div class="first_search_right">
85 <div class="first_search_right_img"> 85 <div class="first_search_right_img">
86 <img src="__TMPL__/public/assets/images/down2.png" alt="" /> 86 <img src="__TMPL__/public/assets/images/down2.png" alt="" />
87 </div> 87 </div>
88 </div> 88 </div>
89 - <ul class="first_searchUl">  
90 - <li class="one-txt-cut">1</li>  
91 - <li class="one-txt-cut">2</li>  
92 - <li class="one-txt-cut">3</li>  
93 - <li class="one-txt-cut">4</li>  
94 - </ul> 89 + <input type="hidden" value="{$cityName}" id="cityName">
  90 + <form method="GET" action="/portal/enjoy/index">
  91 + <ul class="first_searchUl">
  92 + <li value="0" class="one-txt-cut">所有</li>
  93 + <volist name="city_name" id="vo">
  94 + <li value="{$vo.id}" class="one-txt-cut">{$vo.name}</li>
  95 + </volist>
  96 + </ul>
  97 + <input type="hidden" value="0" name="city_id" id="city_id">
  98 + <div style="display:none;">
  99 + <input type="submit" id="city_submit"/>
  100 + </div>
  101 + </form>
95 </div> 102 </div>
96 <!-- 亲临现场 --> 103 <!-- 亲临现场 -->
97 <div class="first_scene"> 104 <div class="first_scene">
@@ -270,6 +277,12 @@ @@ -270,6 +277,12 @@
270 <script src="__TMPL__/public/assets/js/swiper.min.js"></script> 277 <script src="__TMPL__/public/assets/js/swiper.min.js"></script>
271 <script src="__TMPL__/public/assets/js/public.js"></script> 278 <script src="__TMPL__/public/assets/js/public.js"></script>
272 <script> 279 <script>
  280 + var value = $('#cityName').val();
  281 + if(value != ''){
  282 + $('.show_city').text(value);
  283 + }else{
  284 + $('.show_city').text('所有');
  285 + }
273 $('.first_search').click(function() { 286 $('.first_search').click(function() {
274 if ($('.first_search_right_img img').attr('src') == "__TMPL__/public/assets/images/down2.png") { 287 if ($('.first_search_right_img img').attr('src') == "__TMPL__/public/assets/images/down2.png") {
275 $('.first_search_right_img img').attr('src', "__TMPL__/public/assets/images/upjian.png"); 288 $('.first_search_right_img img').attr('src', "__TMPL__/public/assets/images/upjian.png");
@@ -280,8 +293,8 @@ @@ -280,8 +293,8 @@
280 } 293 }
281 }); 294 });
282 $('.first_searchUl li').click(function() { 295 $('.first_searchUl li').click(function() {
283 - var txt = $(this).text();  
284 - $('.first_search_left_word').text(txt); 296 + $('#city_id').val($(this).val());
  297 + $('form').submit();
285 }); 298 });
286 // 星域秀场视频 299 // 星域秀场视频
287 var video = document.getElementById("video"); 300 var video = document.getElementById("video");
@@ -44,13 +44,14 @@ @@ -44,13 +44,14 @@
44 </head> 44 </head>
45 45
46 <body> 46 <body>
47 - <div class="vi_maks">  
48 - <div class="vi_video">  
49 - <video src="{:cmf_get_file_download_url($res_xqyy.video)}" id="video2" style="height: 3.4rem;width: 100%;" autoplay="autoplay" controls controlslist="nodownload"></video>  
50 - <img class="vi_Img" src="__TMPL__/public/assets/images/nos.png" alt="" /> 47 + <notempty name="res_djxq.video">
  48 + <div class="vi_maks" id="mask">
  49 + <div class="vi_video">
  50 + <video src="{:cmf_get_file_download_url($res_djxq.video)}" id="video2" style="height: 3.4rem;width: 100%;" autoplay="autoplay" controls controlslist="nodownload"></video>
  51 + <img class="vi_Img" src="__TMPL__/public/assets/images/nos.png" alt="" />
  52 + </div>
51 </div> 53 </div>
52 -  
53 - </div> 54 + </notempty>
54 <!-- 顶部导航 --> 55 <!-- 顶部导航 -->
55 <include file="public@header" /> 56 <include file="public@header" />
56 <div class="top"> 57 <div class="top">
@@ -80,8 +81,8 @@ @@ -80,8 +81,8 @@
80 <div class="state_state_name"> 81 <div class="state_state_name">
81 <span>北极</span> 82 <span>北极</span>
82 <ul class="star_happy_box"> 83 <ul class="star_happy_box">
83 - <notempty name="res_city.20.name">  
84 - <volist name="res_city.20.name" id="vo"> 84 + <notempty name="res_city.43.name">
  85 + <volist name="res_city.43.name" id="vo">
85 <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li> 86 <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
86 </volist> 87 </volist>
87 </notempty> 88 </notempty>
@@ -216,16 +217,21 @@ @@ -216,16 +217,21 @@
216 </div> 217 </div>
217 <!-- 翻转后 --> 218 <!-- 翻转后 -->
218 <div class=" reverse hovers"> 219 <div class=" reverse hovers">
219 - <div class="center_card_img">  
220 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
221 - </div>  
222 - <div class="center_card_month">  
223 - <div class="center_card_one"><span></span></div>  
224 - <div class="center_card_cantant">  
225 - <div class="center_card_catant_one">慕尼黑啤酒节</div>  
226 - <div class="center_card_catant_two">日本札幌冰雪</div> 220 + <notempty name="res_month.1">
  221 + <div class="center_card_img">
  222 + <img src="{:cmf_get_image_url($res_month.1.index_thumbnail)}" alt="" />
227 </div> 223 </div>
228 - </div> 224 + <div class="center_card_month">
  225 + <div class="center_card_one"><span></span></div>
  226 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.1.id}">
  227 + <div class="center_card_cantant">
  228 + <div class="center_card_catant_one">{$res_month.1.post_title}</div>
  229 + <div class="center_card_catant_two">{$res_month.1.category_name}</div>
  230 + </div>
  231 + </a>
  232 + </div>
  233 + </notempty>
  234 +
229 </div> 235 </div>
230 </div> 236 </div>
231 <!-- 二月 --> 237 <!-- 二月 -->
@@ -239,20 +245,24 @@ @@ -239,20 +245,24 @@
239 </div> 245 </div>
240 <!-- 翻转后 --> 246 <!-- 翻转后 -->
241 <div class=" reverse hovers"> 247 <div class=" reverse hovers">
242 - <div class="center_card_img">  
243 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
244 - </div>  
245 - <div class="center_card_month">  
246 - <div class="center_card_one">February <span>2</span></div>  
247 - <div class="center_card_cantant">  
248 - <div class="center_card_catant_one">  
249 - 慕尼黑啤酒节  
250 - </div>  
251 - <div class="center_card_catant_two">  
252 - 日本札幌冰雪 248 + <notempty name="res_month.2">
  249 + <div class="center_card_img">
  250 + <img src="{:cmf_get_image_url($res_month.2.index_thumbnail)}" alt="" />
  251 + </div>
  252 + <div class="center_card_month">
  253 + <div class="center_card_one"><span></span></div>
  254 + <div class="center_card_cantant">
  255 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.2.id}">
  256 + <div class="center_card_catant_one">
  257 + {$res_month.2.post_title}
  258 + </div>
  259 + <div class="center_card_catant_two">
  260 + {$res_month.2.category_name}
  261 + </div>
  262 + </a>
253 </div> 263 </div>
254 </div> 264 </div>
255 - </div> 265 + </notempty>
256 </div> 266 </div>
257 </div> 267 </div>
258 <!-- 三月 --> 268 <!-- 三月 -->
@@ -266,20 +276,24 @@ @@ -266,20 +276,24 @@
266 </div> 276 </div>
267 <!-- 翻转后 --> 277 <!-- 翻转后 -->
268 <div class=" reverse hovers"> 278 <div class=" reverse hovers">
269 - <div class="center_card_img">  
270 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
271 - </div>  
272 - <div class="center_card_month">  
273 - <div class="center_card_one">March <span>3</span></div>  
274 - <div class="center_card_cantant">  
275 - <div class="center_card_catant_one">  
276 - 慕尼黑啤酒节  
277 - </div>  
278 - <div class="center_card_catant_two">  
279 - 日本札幌冰雪 279 + <notempty name="res_month.3">
  280 + <div class="center_card_img">
  281 + <img src="{:cmf_get_image_url($res_month.3.index_thumbnail)}" alt="" />
  282 + </div>
  283 + <div class="center_card_month">
  284 + <div class="center_card_one"><span></span></div>
  285 + <div class="center_card_cantant">
  286 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.3.id}">
  287 + <div class="center_card_catant_one">
  288 + {$res_month.3.post_title}
  289 + </div>
  290 + <div class="center_card_catant_two">
  291 + {$res_month.3.category_name}
  292 + </div>
  293 + </a>
280 </div> 294 </div>
281 </div> 295 </div>
282 - </div> 296 + </notempty>
283 </div> 297 </div>
284 </div> 298 </div>
285 <!-- 四月 --> 299 <!-- 四月 -->
@@ -293,17 +307,24 @@ @@ -293,17 +307,24 @@
293 </div> 307 </div>
294 <!-- 翻转后 --> 308 <!-- 翻转后 -->
295 <div class=" reverse hovers"> 309 <div class=" reverse hovers">
296 - <div class="center_card_img">  
297 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
298 - </div>  
299 - <div class="center_card_month">  
300 - <div class="center_card_one">April <span>4</span></div>  
301 - <div class="center_card_cantant">  
302 - <div class="center_card_catant_one"> 慕尼黑啤酒节 310 + <notempty name="res_month.4">
  311 + <div class="center_card_img">
  312 + <img src="{:cmf_get_image_url($res_month.4.index_thumbnail)}" alt="" />
  313 + </div>
  314 + <div class="center_card_month">
  315 + <div class="center_card_one"><span></span></div>
  316 + <div class="center_card_cantant">
  317 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.4.id}">
  318 + <div class="center_card_catant_one">
  319 + {$res_month.4.post_title}
  320 + </div>
  321 + <div class="center_card_catant_two">
  322 + {$res_month.4.category_name}
  323 + </div>
  324 + </a>
303 </div> 325 </div>
304 - <div class="center_card_catant_two">日本札幌冰雪</div>  
305 </div> 326 </div>
306 - </div> 327 + </notempty>
307 </div> 328 </div>
308 </div> 329 </div>
309 <!-- 五月 --> 330 <!-- 五月 -->
@@ -317,20 +338,24 @@ @@ -317,20 +338,24 @@
317 </div> 338 </div>
318 <!-- 翻转后 --> 339 <!-- 翻转后 -->
319 <div class=" reverse hovers"> 340 <div class=" reverse hovers">
320 - <div class="center_card_img">  
321 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
322 - </div>  
323 - <div class="center_card_month">  
324 - <div class="center_card_one">May <span>5</span></div>  
325 - <div class="center_card_cantant">  
326 - <div class="center_card_catant_one">  
327 - 慕尼黑啤酒节  
328 - </div>  
329 - <div class="center_card_catant_two">  
330 - 日本札幌冰雪 341 + <notempty name="res_month.5">
  342 + <div class="center_card_img">
  343 + <img src="{:cmf_get_image_url($res_month.5.index_thumbnail)}" alt="" />
  344 + </div>
  345 + <div class="center_card_month">
  346 + <div class="center_card_one"><span></span></div>
  347 + <div class="center_card_cantant">
  348 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.5.id}">
  349 + <div class="center_card_catant_one">
  350 + {$res_month.5.post_title}
  351 + </div>
  352 + <div class="center_card_catant_two">
  353 + {$res_month.5.category_name}
  354 + </div>
  355 + </a>
331 </div> 356 </div>
332 </div> 357 </div>
333 - </div> 358 + </notempty>
334 </div> 359 </div>
335 </div> 360 </div>
336 <!-- 六月 --> 361 <!-- 六月 -->
@@ -344,20 +369,24 @@ @@ -344,20 +369,24 @@
344 </div> 369 </div>
345 <!-- 翻转后 --> 370 <!-- 翻转后 -->
346 <div class=" reverse hovers"> 371 <div class=" reverse hovers">
347 - <div class="center_card_img">  
348 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
349 - </div>  
350 - <div class="center_card_month">  
351 - <div class="center_card_one">June<span>6</span></div>  
352 - <div class="center_card_cantant">  
353 - <div class="center_card_catant_one">  
354 - 慕尼黑啤酒节  
355 - </div>  
356 - <div class="center_card_catant_two">  
357 - 日本札幌冰雪 372 + <notempty name="res_month.6">
  373 + <div class="center_card_img">
  374 + <img src="{:cmf_get_image_url($res_month.6.index_thumbnail)}" alt="" />
  375 + </div>
  376 + <div class="center_card_month">
  377 + <div class="center_card_one"><span></span></div>
  378 + <div class="center_card_cantant">
  379 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.6.id}">
  380 + <div class="center_card_catant_one">
  381 + {$res_month.6.post_title}
  382 + </div>
  383 + <div class="center_card_catant_two">
  384 + {$res_month.6.category_name}
  385 + </div>
  386 + </a>
358 </div> 387 </div>
359 </div> 388 </div>
360 - </div> 389 + </notempty>
361 </div> 390 </div>
362 </div> 391 </div>
363 <!-- 七月 --> 392 <!-- 七月 -->
@@ -371,20 +400,24 @@ @@ -371,20 +400,24 @@
371 </div> 400 </div>
372 <!-- 翻转后 --> 401 <!-- 翻转后 -->
373 <div class=" reverse hovers"> 402 <div class=" reverse hovers">
374 - <div class="center_card_img">  
375 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
376 - </div>  
377 - <div class="center_card_month">  
378 - <div class="center_card_one">July <span>7</span></div>  
379 - <div class="center_card_cantant">  
380 - <div class="center_card_catant_one">  
381 - 慕尼黑啤酒节  
382 - </div>  
383 - <div class="center_card_catant_two">  
384 - 日本札幌冰雪 403 + <notempty name="res_month.7">
  404 + <div class="center_card_img">
  405 + <img src="{:cmf_get_image_url($res_month.7.index_thumbnail)}" alt="" />
  406 + </div>
  407 + <div class="center_card_month">
  408 + <div class="center_card_one"><span></span></div>
  409 + <div class="center_card_cantant">
  410 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.7.id}">
  411 + <div class="center_card_catant_one">
  412 + {$res_month.7.post_title}
  413 + </div>
  414 + <div class="center_card_catant_two">
  415 + {$res_month.7.category_name}
  416 + </div>
  417 + </a>
385 </div> 418 </div>
386 </div> 419 </div>
387 - </div> 420 + </notempty>
388 </div> 421 </div>
389 </div> 422 </div>
390 <!-- 八月 --> 423 <!-- 八月 -->
@@ -398,20 +431,24 @@ @@ -398,20 +431,24 @@
398 </div> 431 </div>
399 <!-- 翻转后 --> 432 <!-- 翻转后 -->
400 <div class=" reverse hovers"> 433 <div class=" reverse hovers">
401 - <div class="center_card_img">  
402 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
403 - </div>  
404 - <div class="center_card_month">  
405 - <div class="center_card_one">August <span>8</span></div>  
406 - <div class="center_card_cantant">  
407 - <div class="center_card_catant_one">  
408 - 慕尼黑啤酒节  
409 - </div>  
410 - <div class="center_card_catant_two">  
411 - 日本札幌冰雪 434 + <notempty name="res_month.8">
  435 + <div class="center_card_img">
  436 + <img src="{:cmf_get_image_url($res_month.8.index_thumbnail)}" alt="" />
  437 + </div>
  438 + <div class="center_card_month">
  439 + <div class="center_card_one"><span></span></div>
  440 + <div class="center_card_cantant">
  441 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.8.id}">
  442 + <div class="center_card_catant_one">
  443 + {$res_month.8.post_title}
  444 + </div>
  445 + <div class="center_card_catant_two">
  446 + {$res_month.8.category_name}
  447 + </div>
  448 + </a>
412 </div> 449 </div>
413 </div> 450 </div>
414 - </div> 451 + </notempty>
415 </div> 452 </div>
416 </div> 453 </div>
417 <!-- 九月 --> 454 <!-- 九月 -->
@@ -425,20 +462,24 @@ @@ -425,20 +462,24 @@
425 </div> 462 </div>
426 <!-- 翻转后 --> 463 <!-- 翻转后 -->
427 <div class=" reverse hovers"> 464 <div class=" reverse hovers">
428 - <div class="center_card_img">  
429 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
430 - </div>  
431 - <div class="center_card_month">  
432 - <div class="center_card_one">September <span>9</span></div>  
433 - <div class="center_card_cantant">  
434 - <div class="center_card_catant_one">  
435 - 慕尼黑啤酒节  
436 - </div>  
437 - <div class="center_card_catant_two">  
438 - 日本札幌冰雪 465 + <notempty name="res_month.9">
  466 + <div class="center_card_img">
  467 + <img src="{:cmf_get_image_url($res_month.9.index_thumbnail)}" alt="" />
  468 + </div>
  469 + <div class="center_card_month">
  470 + <div class="center_card_one"><span></span></div>
  471 + <div class="center_card_cantant">
  472 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.9.id}">
  473 + <div class="center_card_catant_one">
  474 + {$res_month.9.post_title}
  475 + </div>
  476 + <div class="center_card_catant_two">
  477 + {$res_month.9.category_name}
  478 + </div>
  479 + </a>
439 </div> 480 </div>
440 </div> 481 </div>
441 - </div> 482 + </notempty>
442 </div> 483 </div>
443 </div> 484 </div>
444 <!-- 十月 --> 485 <!-- 十月 -->
@@ -452,20 +493,24 @@ @@ -452,20 +493,24 @@
452 </div> 493 </div>
453 <!-- 翻转后 --> 494 <!-- 翻转后 -->
454 <div class=" reverse hovers"> 495 <div class=" reverse hovers">
455 - <div class="center_card_img">  
456 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
457 - </div>  
458 - <div class="center_card_month">  
459 - <div class="center_card_one">October <span>10</span></div>  
460 - <div class="center_card_cantant">  
461 - <div class="center_card_catant_one">  
462 - 慕尼黑啤酒节  
463 - </div>  
464 - <div class="center_card_catant_two">  
465 - 日本札幌冰雪 496 + <notempty name="res_month.10">
  497 + <div class="center_card_img">
  498 + <img src="{:cmf_get_image_url($res_month.10.index_thumbnail)}" alt="" />
  499 + </div>
  500 + <div class="center_card_month">
  501 + <div class="center_card_one"><span></span></div>
  502 + <div class="center_card_cantant">
  503 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.10.id}">
  504 + <div class="center_card_catant_one">
  505 + {$res_month.10.post_title}
  506 + </div>
  507 + <div class="center_card_catant_two">
  508 + {$res_month.10.category_name}
  509 + </div>
  510 + </a>
466 </div> 511 </div>
467 </div> 512 </div>
468 - </div> 513 + </notempty>
469 </div> 514 </div>
470 </div> 515 </div>
471 <!-- 十一月 --> 516 <!-- 十一月 -->
@@ -479,20 +524,24 @@ @@ -479,20 +524,24 @@
479 </div> 524 </div>
480 <!-- 翻转后 --> 525 <!-- 翻转后 -->
481 <div class=" reverse hovers"> 526 <div class=" reverse hovers">
482 - <div class="center_card_img">  
483 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
484 - </div>  
485 - <div class="center_card_month">  
486 - <div class="center_card_one">November <span>11</span></div>  
487 - <div class="center_card_cantant">  
488 - <div class="center_card_catant_one">  
489 - 慕尼黑啤酒节  
490 - </div>  
491 - <div class="center_card_catant_two">  
492 - 日本札幌冰雪 527 + <notempty name="res_month.11">
  528 + <div class="center_card_img">
  529 + <img src="{:cmf_get_image_url($res_month.11.index_thumbnail)}" alt="" />
  530 + </div>
  531 + <div class="center_card_month">
  532 + <div class="center_card_one"><span></span></div>
  533 + <div class="center_card_cantant">
  534 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.11.id}">
  535 + <div class="center_card_catant_one">
  536 + {$res_month.11.post_title}
  537 + </div>
  538 + <div class="center_card_catant_two">
  539 + {$res_month.11.category_name}
  540 + </div>
  541 + </a>
493 </div> 542 </div>
494 </div> 543 </div>
495 - </div> 544 + </notempty>
496 </div> 545 </div>
497 </div> 546 </div>
498 <!-- 十二月 --> 547 <!-- 十二月 -->
@@ -506,20 +555,24 @@ @@ -506,20 +555,24 @@
506 </div> 555 </div>
507 <!-- 翻转后 --> 556 <!-- 翻转后 -->
508 <div class=" reverse hovers"> 557 <div class=" reverse hovers">
509 - <div class="center_card_img">  
510 - <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />  
511 - </div>  
512 - <div class="center_card_month">  
513 - <div class="center_card_one">December <span>12</span></div>  
514 - <div class="center_card_cantant">  
515 - <div class="center_card_catant_one">  
516 - 慕尼黑啤酒节  
517 - </div>  
518 - <div class="center_card_catant_two">  
519 - 日本札幌冰雪 558 + <notempty name="res_month.12">
  559 + <div class="center_card_img">
  560 + <img src="{:cmf_get_image_url($res_month.12.index_thumbnail)}" alt="" />
  561 + </div>
  562 + <div class="center_card_month">
  563 + <div class="center_card_one"><span></span></div>
  564 + <div class="center_card_cantant">
  565 + <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.12.id}">
  566 + <div class="center_card_catant_one">
  567 + {$res_month.12.post_title}
  568 + </div>
  569 + <div class="center_card_catant_two">
  570 + {$res_month.12.category_name}
  571 + </div>
  572 + </a>
520 </div> 573 </div>
521 </div> 574 </div>
522 - </div> 575 + </notempty>
523 </div> 576 </div>
524 </div> 577 </div>
525 </div> 578 </div>
@@ -23,16 +23,15 @@ @@ -23,16 +23,15 @@
23 <body> 23 <body>
24 <include file="public@header" /> 24 <include file="public@header" />
25 <div class="mask"> 25 <div class="mask">
26 - 123544655464  
27 </div> 26 </div>
28 <!-- 视频 --> 27 <!-- 视频 -->
29 <div class="fourth_video"> 28 <div class="fourth_video">
30 <div class="fourth_video_center"> 29 <div class="fourth_video_center">
31 <div class="video_bg"> 30 <div class="video_bg">
32 - <img class="video_poster iop" src="" alt=""> 31 + <img class="video_poster iop" src="" alt="" style="z-index:50;">
33 <video src="" id="video" width="100%" style="height: 3.4rem;" controlsList="nodownload"></video> 32 <video src="" id="video" width="100%" style="height: 3.4rem;" controlsList="nodownload"></video>
34 </div> 33 </div>
35 - <div class="fourth_video_start"> 34 + <div class="fourth_video_start" style="z-index: 100;">
36 <img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="" /> 35 <img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="" />
37 </div> 36 </div>
38 </div> 37 </div>
@@ -52,8 +51,11 @@ @@ -52,8 +51,11 @@
52 <volist name="city_name" id="vo"> 51 <volist name="city_name" id="vo">
53 <li value="{$vo.id}">{$vo.name}</li> 52 <li value="{$vo.id}">{$vo.name}</li>
54 </volist> 53 </volist>
55 - <input type="hidden" value="0" name="city_id" id="city_id">  
56 </ul> 54 </ul>
  55 + <input type="hidden" value="0" name="city_id" id="city_id">
  56 + <div style="display:none;">
  57 + <input type="submit" id="city_submit"/>
  58 + </div>
57 </form> 59 </form>
58 </div> 60 </div>
59 </div> 61 </div>
@@ -115,27 +117,32 @@ @@ -115,27 +117,32 @@
115 $('video').bind('contextmenu', function() { 117 $('video').bind('contextmenu', function() {
116 return false; 118 return false;
117 }); 119 });
118 - //监听播放时间  
119 - var video = document.getElementById('video');  
120 - //使用事件监听方式捕捉事件  
121 - video.addEventListener("timeupdate", function() {  
122 - var timeDisplay;  
123 - //用秒数来显示当前播放进度  
124 - timeDisplay = Math.floor(video.currentTime);  
125 - console.log(Math.floor(video.currentTime));  
126 - video.addEventListener('play', function() {  
127 - video.currentTime = 0;  
128 - });  
129 - //当视频播放到 15s的时候做处理 120 + //登录
  121 + var users = $('#users').val();
  122 + if(users == 0) {
  123 + //监听播放时间
  124 + video_mask('您还不是会员,可试看20秒');
  125 + var video = document.getElementById('video');
  126 + //使用事件监听方式捕捉事件
  127 + video.addEventListener("timeupdate", function () {
  128 + var timeDisplay;
  129 + //用秒数来显示当前播放进度
  130 + timeDisplay = Math.floor(video.currentTime);
  131 + console.log(Math.floor(video.currentTime));
  132 + video.addEventListener('play', function () {
  133 + video.currentTime = 0;
  134 + });
  135 + //当视频播放到 15s的时候做处理
130 136
131 - if (timeDisplay >= 5) {  
132 - video.addEventListener('play', function() { 137 + if (timeDisplay >= 20) {
  138 + video.addEventListener('play', function () {
133 video.currentTime = 0; 139 video.currentTime = 0;
134 }), 140 }),
135 - $('.video_mask').show();  
136 - video.pause();  
137 - }  
138 - }, false); 141 + video_mask('会员可观看完整视频');
  142 + video.pause();
  143 + }
  144 + }, false);
  145 + }
139 // 星域秀场视频 146 // 星域秀场视频
140 var video = document.getElementById("video"); 147 var video = document.getElementById("video");
141 148
@@ -176,15 +183,28 @@ @@ -176,15 +183,28 @@
176 $('.curren').children('li').find('.txt-cut').css('color', 'rgba(153, 153, 153, 1)'); 183 $('.curren').children('li').find('.txt-cut').css('color', 'rgba(153, 153, 153, 1)');
177 switch_video(index); 184 switch_video(index);
178 }); 185 });
179 - $(".select ul li").click(function() {  
180 - $(".select input").val($(this).text());  
181 - $(".select ul").hide();  
182 - var index = $(this).index();  
183 - $(".curren")  
184 - .eq(index)  
185 - .addClass("video_active")  
186 - .siblings()  
187 - .removeClass("video_active"); 186 +// $(".select ul li").click(function() {
  187 +// $(".select input").val($(this).text());
  188 +// $(".select ul").hide();
  189 +// var index = $(this).index();
  190 +// $(".curren")
  191 +// .eq(index)
  192 +// .addClass("video_active")
  193 +// .siblings()
  194 +// .removeClass("video_active");
  195 +// });
  196 +
  197 + var value = $('#cityName').val();
  198 + if(value != ''){
  199 + $('.show_city').val(value);
  200 + }else{
  201 + $('.show_city').val('所有');
  202 + }
  203 +
  204 + //下拉框选择城市
  205 + $('.select ul li').click(function() {
  206 + $('#city_id').val($(this).val());
  207 + $('form').submit();
188 }); 208 });
189 209
190 //切换视频 210 //切换视频
@@ -205,7 +225,7 @@ @@ -205,7 +225,7 @@
205 // $('.video_poster').css('z-index', '10'); 225 // $('.video_poster').css('z-index', '10');
206 226
207 $('.fourth_video_start').css({ 227 $('.fourth_video_start').css({
208 - 'z-index': "11", 228 + 'z-index': "100",
209 "display": "block" 229 "display": "block"
210 }); 230 });
211 231
@@ -898,7 +898,7 @@ body {} @@ -898,7 +898,7 @@ body {}
898 } 898 }
899 899
900 .first_search_right { 900 .first_search_right {
901 - margin-right: 0.32rem 901 + margin-left: 0.5rem;
902 } 902 }
903 903
904 904
1 -.mask{  
2 - position:fixed;  
3 - /*left: 44%;*/  
4 - top: 30%;  
5 - left: 48%;  
6 - transform: translate(-30%,-48%);  
7 - -webkit-transform: translate(-30%,-48%);  
8 - -o-transform: translate(-30%,-48%);  
9 - -moz-transform: translate(-30%,-48%);  
10 - -ms-transform: translate(-30%,-48%);  
11 - display: none;  
12 - /*top: 300px;*/  
13 - padding: 16px 32px;  
14 - box-sizing:border-box;  
15 - background:rgba(0,0,0,0.6);  
16 - border-radius:10px;  
17 - font-size:13px;  
18 - color:rgba(255,255,255,1); 1 +.mask {
  2 + position: fixed;
  3 + /* left: 44%; */
  4 + top: 32%;
  5 + left: 50%;
  6 + transform: translate(-52%, -45%);
  7 + -webkit-transform: translate(-52%, -45%);
  8 + -o-transform: translate(-52%, -45%);
  9 + -moz-transform: translate(-52%, -45%);
  10 + -ms-transform: translate(-52%, -45%);
  11 + /* display: none; */
  12 + /* top: 300px; */
  13 + padding: 0.24rem 0.32rem;
  14 + box-sizing: border-box;
  15 + background: rgba(0, 0, 0, 0.6);
  16 + border-radius: 0.1rem;
  17 + font-size: 0.18rem;
  18 + color: rgba(255, 255, 255, 1);
19 z-index: 1000; 19 z-index: 1000;
20 } 20 }
@@ -162,6 +162,15 @@ function mask(msg) { @@ -162,6 +162,15 @@ function mask(msg) {
162 },4000); 162 },4000);
163 } 163 }
164 164
  165 +//弹框
  166 +function video_mask(msg) {
  167 + $('.mask').text(msg);
  168 + $('.mask').show();
  169 + setTimeout(function(){
  170 + $('.mask').hide();
  171 + $('.mask').text('');
  172 + },6000);
  173 +}
165 //点赞收藏 174 //点赞收藏
166 function operation(url){ 175 function operation(url){
167 var article_id = getUrlParam('id'); 176 var article_id = getUrlParam('id');