作者 zhangwei
1 个管道 的构建 通过 耗费 1 秒

1

@@ -9,19 +9,23 @@ @@ -9,19 +9,23 @@
9 <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css">
10 <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css"> 10 <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
11 <style> 11 <style>
12 - .slide-image{  
13 - width:260px;  
14 - height:375px; 12 + .slide-image {
  13 + width: 260px;
  14 + height: 375px;
15 } 15 }
16 - .star_ming{  
17 - cursor:pointer; 16 +
  17 + .star_ming {
  18 + cursor: pointer;
18 } 19 }
19 - .swiper-container6{ 20 +
  21 + .swiper-container6 {
20 overflow: hidden; 22 overflow: hidden;
21 } 23 }
22 - .swiper-container6 .swiper-wrapper{  
23 - transition-duration:1.5s !important; 24 +
  25 + .swiper-container6 .swiper-wrapper {
  26 + transition-duration: 1.5s !important;
24 } 27 }
  28 +
25 .mask { 29 .mask {
26 width: 100%; 30 width: 100%;
27 height: 100%; 31 height: 100%;
@@ -31,6 +35,7 @@ @@ -31,6 +35,7 @@
31 background-color: rgba(0, 0, 0, 0.5); 35 background-color: rgba(0, 0, 0, 0.5);
32 display: none; 36 display: none;
33 } 37 }
  38 +
34 .mask_video { 39 .mask_video {
35 position: relative; 40 position: relative;
36 top: 50%; 41 top: 50%;
@@ -40,13 +45,15 @@ @@ -40,13 +45,15 @@
40 background-color: black; 45 background-color: black;
41 transform: translate(-50%, -50%); 46 transform: translate(-50%, -50%);
42 } 47 }
  48 +
43 .mask_video video { 49 .mask_video video {
44 margin: auto; 50 margin: auto;
45 display: block; 51 display: block;
46 height: 100%; 52 height: 100%;
47 width: 100%; 53 width: 100%;
48 } 54 }
49 - .mask_video img { 55 +
  56 + .mask_video .mak_videoCha {
50 width: 30px; 57 width: 30px;
51 height: 30px; 58 height: 30px;
52 cursor: pointer; 59 cursor: pointer;
@@ -54,6 +61,28 @@ @@ -54,6 +61,28 @@
54 right: -25px; 61 right: -25px;
55 top: -27px; 62 top: -27px;
56 } 63 }
  64 +
  65 + .mask_videoFeng {
  66 + position: absolute;
  67 + top: 0;
  68 + left: 0;
  69 + width: 100%;
  70 + height: 100%;
  71 + z-index: 10;
  72 + }
  73 +
  74 + .mask_videoFeng img {
  75 + width: 100%;
  76 + height: 100%;
  77 + }
  78 +
  79 + .show_in_banner3 {
  80 + position: absolute;
  81 + top: 35%;
  82 + left: 42%;
  83 + width: 120px;
  84 + z-index: 20;
  85 + }
57 </style> 86 </style>
58 </head> 87 </head>
59 88
@@ -61,8 +90,12 @@ @@ -61,8 +90,12 @@
61 <!-- 弹框视频 --> 90 <!-- 弹框视频 -->
62 <notempty name="res_djxq.video"> 91 <notempty name="res_djxq.video">
63 <div class="mask" id="mask"> 92 <div class="mask" id="mask">
64 - <div class="mask_video" >  
65 - <img onclick="nos()" src="__TMPL__/public/assets/starImg/nos.png" alt=""> 93 + <div class="mask_video">
  94 + <img class="mak_videoCha" onclick="nos()" src="__TMPL__/public/assets/starImg/nos.png" alt="">
  95 + <div class="mask_videoFeng">
  96 + <img src="__TMPL__/public/assets/starImg/bicon_34.png" alt="">
  97 + </div>
  98 + <img onclick="bofang2()" class="show_in_banner3" src="__TMPL__/public/assets/starImg/aicon_30.png" alt="">
66 <video autoplay="autoplay" controls loop="loop" id="video2" src="{:cmf_get_file_download_url($res_djxq.video)}" controlslist="nodownload"></video> 99 <video autoplay="autoplay" controls loop="loop" id="video2" src="{:cmf_get_file_download_url($res_djxq.video)}" controlslist="nodownload"></video>
67 </div> 100 </div>
68 </div> 101 </div>
@@ -75,7 +108,7 @@ @@ -75,7 +108,7 @@
75 <img class="index_scrollTop" src="__TMPL__/public/assets/starImg/aicon_25.png" alt=""> 108 <img class="index_scrollTop" src="__TMPL__/public/assets/starImg/aicon_25.png" alt="">
76 </div> 109 </div>
77 <!-- 头部 --> 110 <!-- 头部 -->
78 - <include file="public@header"/> 111 + <include file="public@header" />
79 <!-- banner --> 112 <!-- banner -->
80 <div id="banner" class="swiper-container6"> 113 <div id="banner" class="swiper-container6">
81 <div class="swiper-wrapper"> 114 <div class="swiper-wrapper">
@@ -227,7 +260,7 @@ @@ -227,7 +260,7 @@
227 <!-- 图片 --> 260 <!-- 图片 -->
228 <notempty name="res_month.1"> 261 <notempty name="res_month.1">
229 <div class="reverse_Imgs"> 262 <div class="reverse_Imgs">
230 - <img src="{:cmf_get_image_url($res_month.1.index_thumbnail)}"/> 263 + <img src="{:cmf_get_image_url($res_month.1.index_thumbnail)}" />
231 </div> 264 </div>
232 <!-- 图片下方文字 --> 265 <!-- 图片下方文字 -->
233 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.1.id}"> 266 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.1.id}">
@@ -238,7 +271,7 @@ @@ -238,7 +271,7 @@
238 </a> 271 </a>
239 <else/> 272 <else/>
240 <div class="reverse_Imgs"> 273 <div class="reverse_Imgs">
241 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 274 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
242 </div> 275 </div>
243 <!-- 图片下方文字 --> 276 <!-- 图片下方文字 -->
244 <div class="img_bottom"> 277 <div class="img_bottom">
@@ -264,7 +297,7 @@ @@ -264,7 +297,7 @@
264 <!-- 图片 --> 297 <!-- 图片 -->
265 <notempty name="res_month.2"> 298 <notempty name="res_month.2">
266 <div class="reverse_Imgs"> 299 <div class="reverse_Imgs">
267 - <img src="{:cmf_get_image_url($res_month.2.index_thumbnail)}"/> 300 + <img src="{:cmf_get_image_url($res_month.2.index_thumbnail)}" />
268 </div> 301 </div>
269 <!-- 图片下方文字 --> 302 <!-- 图片下方文字 -->
270 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.2.id}"> 303 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.2.id}">
@@ -275,7 +308,7 @@ @@ -275,7 +308,7 @@
275 </a> 308 </a>
276 <else/> 309 <else/>
277 <div class="reverse_Imgs"> 310 <div class="reverse_Imgs">
278 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 311 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
279 </div> 312 </div>
280 <!-- 图片下方文字 --> 313 <!-- 图片下方文字 -->
281 <div class="img_bottom"> 314 <div class="img_bottom">
@@ -302,7 +335,7 @@ @@ -302,7 +335,7 @@
302 <!-- 图片 --> 335 <!-- 图片 -->
303 <notempty name="res_month.3"> 336 <notempty name="res_month.3">
304 <div class="reverse_Imgs"> 337 <div class="reverse_Imgs">
305 - <img src="{:cmf_get_image_url($res_month.3.index_thumbnail)}"/> 338 + <img src="{:cmf_get_image_url($res_month.3.index_thumbnail)}" />
306 </div> 339 </div>
307 <!-- 图片下方文字 --> 340 <!-- 图片下方文字 -->
308 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.3.id}"> 341 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.3.id}">
@@ -313,7 +346,7 @@ @@ -313,7 +346,7 @@
313 </a> 346 </a>
314 <else/> 347 <else/>
315 <div class="reverse_Imgs"> 348 <div class="reverse_Imgs">
316 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 349 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
317 </div> 350 </div>
318 <!-- 图片下方文字 --> 351 <!-- 图片下方文字 -->
319 <div class="img_bottom"> 352 <div class="img_bottom">
@@ -341,7 +374,7 @@ @@ -341,7 +374,7 @@
341 <!-- 图片 --> 374 <!-- 图片 -->
342 <notempty name="res_month.4"> 375 <notempty name="res_month.4">
343 <div class="reverse_Imgs"> 376 <div class="reverse_Imgs">
344 - <img src="{:cmf_get_image_url($res_month.4.index_thumbnail)}"/> 377 + <img src="{:cmf_get_image_url($res_month.4.index_thumbnail)}" />
345 </div> 378 </div>
346 <!-- 图片下方文字 --> 379 <!-- 图片下方文字 -->
347 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.4.id}"> 380 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.4.id}">
@@ -352,7 +385,7 @@ @@ -352,7 +385,7 @@
352 </a> 385 </a>
353 <else/> 386 <else/>
354 <div class="reverse_Imgs"> 387 <div class="reverse_Imgs">
355 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 388 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
356 </div> 389 </div>
357 <!-- 图片下方文字 --> 390 <!-- 图片下方文字 -->
358 <div class="img_bottom"> 391 <div class="img_bottom">
@@ -379,7 +412,7 @@ @@ -379,7 +412,7 @@
379 <!-- 图片 --> 412 <!-- 图片 -->
380 <notempty name="res_month.5"> 413 <notempty name="res_month.5">
381 <div class="reverse_Imgs"> 414 <div class="reverse_Imgs">
382 - <img src="{:cmf_get_image_url($res_month.5.index_thumbnail)}"/> 415 + <img src="{:cmf_get_image_url($res_month.5.index_thumbnail)}" />
383 </div> 416 </div>
384 <!-- 图片下方文字 --> 417 <!-- 图片下方文字 -->
385 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.5.id}"> 418 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.5.id}">
@@ -390,7 +423,7 @@ @@ -390,7 +423,7 @@
390 </a> 423 </a>
391 <else/> 424 <else/>
392 <div class="reverse_Imgs"> 425 <div class="reverse_Imgs">
393 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 426 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
394 </div> 427 </div>
395 <!-- 图片下方文字 --> 428 <!-- 图片下方文字 -->
396 <div class="img_bottom"> 429 <div class="img_bottom">
@@ -416,7 +449,7 @@ @@ -416,7 +449,7 @@
416 <!-- 图片 --> 449 <!-- 图片 -->
417 <notempty name="res_month.6"> 450 <notempty name="res_month.6">
418 <div class="reverse_Imgs"> 451 <div class="reverse_Imgs">
419 - <img src="{:cmf_get_image_url($res_month.6.index_thumbnail)}"/> 452 + <img src="{:cmf_get_image_url($res_month.6.index_thumbnail)}" />
420 </div> 453 </div>
421 <!-- 图片下方文字 --> 454 <!-- 图片下方文字 -->
422 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.6.id}"> 455 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.6.id}">
@@ -427,7 +460,7 @@ @@ -427,7 +460,7 @@
427 </a> 460 </a>
428 <else/> 461 <else/>
429 <div class="reverse_Imgs"> 462 <div class="reverse_Imgs">
430 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 463 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
431 </div> 464 </div>
432 <!-- 图片下方文字 --> 465 <!-- 图片下方文字 -->
433 <div class="img_bottom"> 466 <div class="img_bottom">
@@ -455,7 +488,7 @@ @@ -455,7 +488,7 @@
455 <!-- 图片 --> 488 <!-- 图片 -->
456 <notempty name="res_month.7"> 489 <notempty name="res_month.7">
457 <div class="reverse_Imgs"> 490 <div class="reverse_Imgs">
458 - <img src="{:cmf_get_image_url($res_month.7.index_thumbnail)}"/> 491 + <img src="{:cmf_get_image_url($res_month.7.index_thumbnail)}" />
459 </div> 492 </div>
460 <!-- 图片下方文字 --> 493 <!-- 图片下方文字 -->
461 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.7.id}"> 494 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.7.id}">
@@ -466,7 +499,7 @@ @@ -466,7 +499,7 @@
466 </a> 499 </a>
467 <else/> 500 <else/>
468 <div class="reverse_Imgs"> 501 <div class="reverse_Imgs">
469 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 502 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
470 </div> 503 </div>
471 <!-- 图片下方文字 --> 504 <!-- 图片下方文字 -->
472 <div class="img_bottom"> 505 <div class="img_bottom">
@@ -494,7 +527,7 @@ @@ -494,7 +527,7 @@
494 <!-- 图片 --> 527 <!-- 图片 -->
495 <notempty name="res_month.8"> 528 <notempty name="res_month.8">
496 <div class="reverse_Imgs"> 529 <div class="reverse_Imgs">
497 - <img src="{:cmf_get_image_url($res_month.8.index_thumbnail)}"/> 530 + <img src="{:cmf_get_image_url($res_month.8.index_thumbnail)}" />
498 </div> 531 </div>
499 <!-- 图片下方文字 --> 532 <!-- 图片下方文字 -->
500 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.8.id}"> 533 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.8.id}">
@@ -505,7 +538,7 @@ @@ -505,7 +538,7 @@
505 </a> 538 </a>
506 <else/> 539 <else/>
507 <div class="reverse_Imgs"> 540 <div class="reverse_Imgs">
508 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 541 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
509 </div> 542 </div>
510 <!-- 图片下方文字 --> 543 <!-- 图片下方文字 -->
511 <div class="img_bottom"> 544 <div class="img_bottom">
@@ -533,7 +566,7 @@ @@ -533,7 +566,7 @@
533 <!-- 图片 --> 566 <!-- 图片 -->
534 <notempty name="res_month.9"> 567 <notempty name="res_month.9">
535 <div class="reverse_Imgs"> 568 <div class="reverse_Imgs">
536 - <img src="{:cmf_get_image_url($res_month.9.index_thumbnail)}"/> 569 + <img src="{:cmf_get_image_url($res_month.9.index_thumbnail)}" />
537 </div> 570 </div>
538 <!-- 图片下方文字 --> 571 <!-- 图片下方文字 -->
539 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.9.id}"> 572 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.9.id}">
@@ -544,7 +577,7 @@ @@ -544,7 +577,7 @@
544 </a> 577 </a>
545 <else/> 578 <else/>
546 <div class="reverse_Imgs"> 579 <div class="reverse_Imgs">
547 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 580 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
548 </div> 581 </div>
549 <!-- 图片下方文字 --> 582 <!-- 图片下方文字 -->
550 <div class="img_bottom"> 583 <div class="img_bottom">
@@ -570,7 +603,7 @@ @@ -570,7 +603,7 @@
570 <!-- 图片 --> 603 <!-- 图片 -->
571 <notempty name="res_month.10"> 604 <notempty name="res_month.10">
572 <div class="reverse_Imgs"> 605 <div class="reverse_Imgs">
573 - <img src="{:cmf_get_image_url($res_month.10.index_thumbnail)}"/> 606 + <img src="{:cmf_get_image_url($res_month.10.index_thumbnail)}" />
574 </div> 607 </div>
575 <!-- 图片下方文字 --> 608 <!-- 图片下方文字 -->
576 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.10.id}"> 609 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.10.id}">
@@ -581,7 +614,7 @@ @@ -581,7 +614,7 @@
581 </a> 614 </a>
582 <else/> 615 <else/>
583 <div class="reverse_Imgs"> 616 <div class="reverse_Imgs">
584 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 617 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
585 </div> 618 </div>
586 <!-- 图片下方文字 --> 619 <!-- 图片下方文字 -->
587 <div class="img_bottom"> 620 <div class="img_bottom">
@@ -609,7 +642,7 @@ @@ -609,7 +642,7 @@
609 <!-- 图片 --> 642 <!-- 图片 -->
610 <notempty name="res_month.11"> 643 <notempty name="res_month.11">
611 <div class="reverse_Imgs"> 644 <div class="reverse_Imgs">
612 - <img src="{:cmf_get_image_url($res_month.11.index_thumbnail)}"/> 645 + <img src="{:cmf_get_image_url($res_month.11.index_thumbnail)}" />
613 </div> 646 </div>
614 <!-- 图片下方文字 --> 647 <!-- 图片下方文字 -->
615 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.11.id}"> 648 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.11.id}">
@@ -620,7 +653,7 @@ @@ -620,7 +653,7 @@
620 </a> 653 </a>
621 <else/> 654 <else/>
622 <div class="reverse_Imgs"> 655 <div class="reverse_Imgs">
623 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 656 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
624 </div> 657 </div>
625 <!-- 图片下方文字 --> 658 <!-- 图片下方文字 -->
626 <div class="img_bottom"> 659 <div class="img_bottom">
@@ -648,7 +681,7 @@ @@ -648,7 +681,7 @@
648 <!-- 图片 --> 681 <!-- 图片 -->
649 <notempty name="res_month.12"> 682 <notempty name="res_month.12">
650 <div class="reverse_Imgs"> 683 <div class="reverse_Imgs">
651 - <img src="{:cmf_get_image_url($res_month.12.index_thumbnail)}"/> 684 + <img src="{:cmf_get_image_url($res_month.12.index_thumbnail)}" />
652 </div> 685 </div>
653 <!-- 图片下方文字 --> 686 <!-- 图片下方文字 -->
654 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.12.id}"> 687 <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.12.id}">
@@ -659,7 +692,7 @@ @@ -659,7 +692,7 @@
659 </a> 692 </a>
660 <else/> 693 <else/>
661 <div class="reverse_Imgs"> 694 <div class="reverse_Imgs">
662 - <img src="__TMPL__/public/assets/starImg/aicon_28.png"/> 695 + <img src="__TMPL__/public/assets/starImg/aicon_28.png" />
663 </div> 696 </div>
664 <!-- 图片下方文字 --> 697 <!-- 图片下方文字 -->
665 <div class="img_bottom"> 698 <div class="img_bottom">
@@ -855,16 +888,17 @@ @@ -855,16 +888,17 @@
855 </notempty> 888 </notempty>
856 </div> 889 </div>
857 890
858 - <include file="public@footer"/> 891 + <include file="public@footer" />
859 <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> 892 <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
860 <script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script> 893 <script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
861 <script src="__TMPL__/public/assets/js/public.js"></script> 894 <script src="__TMPL__/public/assets/js/public.js"></script>
862 <script> 895 <script>
863 // 弹框视频 896 // 弹框视频
864 - $('.mask').css('display','block'); 897 + $('.mask').css('display', 'block');
865 898
866 var video2 = document.getElementById("video2"); //获取ID  899 var video2 = document.getElementById("video2"); //获取ID 
867 var mask = document.getElementById("mask"); 900 var mask = document.getElementById("mask");
  901 +
868 function nos() { 902 function nos() {
869 mask.style.display = "none"; 903 mask.style.display = "none";
870 video2.pause(); 904 video2.pause();
@@ -903,10 +937,10 @@ @@ -903,10 +937,10 @@
903 }); 937 });
904 $('.star_ming').click(function() { 938 $('.star_ming').click(function() {
905 var id = $('#star_id').val(); 939 var id = $('#star_id').val();
906 - window.location.href = '/portal/region/getStarDetail?id='+id; 940 + window.location.href = '/portal/region/getStarDetail?id=' + id;
907 }); 941 });
908 // swiper 942 // swiper
909 -// banner 943 + // banner
910 944
911 945
912 var swiper = new Swiper('.swiper-container6', { 946 var swiper = new Swiper('.swiper-container6', {
@@ -951,6 +985,7 @@ @@ -951,6 +985,7 @@
951 }); 985 });
952 // 星域秀场视频 986 // 星域秀场视频
953 var video = document.getElementById("video"); 987 var video = document.getElementById("video");
  988 + var video2 = document.getElementById("video2");
954 989
955 function bofang() { 990 function bofang() {
956 video.play(); 991 video.play();
@@ -959,6 +994,12 @@ @@ -959,6 +994,12 @@
959 $('.show_in_poster').hide(); 994 $('.show_in_poster').hide();
960 } 995 }
961 996
  997 + function bofang2() {
  998 + video2.play();
  999 + $('#video2').attr('controls', 'controls');
  1000 + $('.show_in_banner3').hide();
  1001 + $('.mask_videoFeng').hide();
  1002 + }
962 </script> 1003 </script>
963 </body> 1004 </body>
964 1005
@@ -11,10 +11,11 @@ @@ -11,10 +11,11 @@
11 margin: 0 auto; 11 margin: 0 auto;
12 } 12 }
13 13
14 -#about_us{ 14 +#about_us {
15 cursor: pointer; 15 cursor: pointer;
16 } 16 }
17 17
  18 +
18 /* 上部 */ 19 /* 上部 */
19 20
20 21
@@ -84,9 +85,12 @@ @@ -84,9 +85,12 @@
84 color: rgba(255, 255, 255, 1); 85 color: rgba(255, 255, 255, 1);
85 opacity: 0.4; 86 opacity: 0.4;
86 } 87 }
87 -.about_content p{ 88 +
  89 +.about_content p {
88 height: 76px; 90 height: 76px;
89 } 91 }
  92 +
  93 +
90 /* 关注我们 */ 94 /* 关注我们 */
91 95
92 #footer .about_bot { 96 #footer .about_bot {
@@ -112,9 +116,10 @@ @@ -112,9 +116,10 @@
112 #footer .qr_code dl dt { 116 #footer .qr_code dl dt {
113 text-align: center 117 text-align: center
114 } 118 }
115 -#footer .qr_code dl dt img{  
116 - width:54px;  
117 - height:54px; 119 +
  120 +#footer .qr_code dl dt img {
  121 + width: 90px;
  122 + height: 90px;
118 } 123 }
119 124
120 #footer .qr_code dl dd { 125 #footer .qr_code dl dd {
@@ -123,6 +128,7 @@ @@ -123,6 +128,7 @@
123 line-height: 22px; 128 line-height: 22px;
124 opacity: 0.4; 129 opacity: 0.4;
125 text-align: left; 130 text-align: left;
  131 + text-align: center;
126 } 132 }
127 133
128 134
@@ -63,7 +63,9 @@ @@ -63,7 +63,9 @@
63 <div class="link_addr"> 63 <div class="link_addr">
64 <ul> 64 <ul>
65 <volist name="link" id="vo"> 65 <volist name="link" id="vo">
66 - <a href="{$vo.url}"><li>{$vo.name}</li></a> 66 + <a href="{$vo.url}">
  67 + <li>{$vo.name}</li>
  68 + </a>
67 </volist> 69 </volist>
68 </ul> 70 </ul>
69 </div> 71 </div>
@@ -40,6 +40,30 @@ @@ -40,6 +40,30 @@
40 .indeX_Hl img { 40 .indeX_Hl img {
41 height: 100%; 41 height: 100%;
42 } 42 }
  43 +
  44 + .vi_fengm {
  45 + width: 100%;
  46 + height: 100%;
  47 + position: absolute;
  48 + top: 0;
  49 + left: 0;
  50 + }
  51 +
  52 + .vi_fengm img {
  53 + width: 100%;
  54 + height: 100%;
  55 + }
  56 +
  57 + .video_start99 {
  58 + position: absolute;
  59 + top: 34%;
  60 + left: 43%;
  61 + }
  62 +
  63 + .video_start99 img {
  64 + width: 1rem;
  65 + height: 1rem;
  66 + }
43 </style> 67 </style>
44 </head> 68 </head>
45 69
@@ -47,7 +71,13 @@ @@ -47,7 +71,13 @@
47 <notempty name="res_djxq.video"> 71 <notempty name="res_djxq.video">
48 <div class="vi_maks" id="mask"> 72 <div class="vi_maks" id="mask">
49 <div class="vi_video"> 73 <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> 74 + <video src="{:cmf_get_file_download_url($res_djxq.video)}" id="video2" style="height: 3.4rem;width: 100%;" controls controlslist="nodownload"></video>
  75 + <div class="vi_fengm">
  76 + <img src="__TMPL__/public/assets/images/cicon_27@2x.png" alt="">
  77 + </div>
  78 + <div class="video_start99">
  79 + <img onclick="bofang2()" src="http://www.xingqiu.cn.com/themes/simpleboot3_mobile/public/assets/images/aicon_30.png" alt="">
  80 + </div>
51 <img class="vi_Img" src="__TMPL__/public/assets/images/nos.png" alt="" /> 81 <img class="vi_Img" src="__TMPL__/public/assets/images/nos.png" alt="" />
52 </div> 82 </div>
53 </div> 83 </div>
@@ -626,11 +656,11 @@ @@ -626,11 +656,11 @@
626 <div class="useraccount tip left"> 656 <div class="useraccount tip left">
627 <div class="useraccount_top"> 657 <div class="useraccount_top">
628 <div class="useraccount_name one-txt-cut">{$res_mxft.full_name}</div> 658 <div class="useraccount_name one-txt-cut">{$res_mxft.full_name}</div>
629 - <div class="useraccount_career one-txt-cut"> 659 + <div class="useraccount_career">
630 {$res_mxft.position}<span>{$res_mxft.trade}</span> 660 {$res_mxft.position}<span>{$res_mxft.trade}</span>
631 </div> 661 </div>
632 </div> 662 </div>
633 - <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;"> 663 + <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 3;">
634 {$res_mxft.post_excerpt} 664 {$res_mxft.post_excerpt}
635 </div> 665 </div>
636 </div> 666 </div>
@@ -811,6 +841,7 @@ @@ -811,6 +841,7 @@
811 }); 841 });
812 // 星域秀场视频 842 // 星域秀场视频
813 var video = document.getElementById("video"); 843 var video = document.getElementById("video");
  844 + var video2 = document.getElementById("video2");
814 845
815 function bofang() { 846 function bofang() {
816 video.play(); 847 video.play();
@@ -818,6 +849,13 @@ @@ -818,6 +849,13 @@
818 $("#video").attr("controls", "controls"); 849 $("#video").attr("controls", "controls");
819 $(".video_start").hide(); 850 $(".video_start").hide();
820 } 851 }
  852 +
  853 + function bofang2() {
  854 + video2.play();
  855 + $('.vi_fengm').hide();
  856 + $("#video").attr("controls", "controls");
  857 + $(".video_start99").hide();
  858 + }
821 // swiper 859 // swiper
822 var swiper = new Swiper('.swiper-container4', { 860 var swiper = new Swiper('.swiper-container4', {
823 pagination: '.swiper-pagination', 861 pagination: '.swiper-pagination',
@@ -40,11 +40,11 @@ @@ -40,11 +40,11 @@
40 <div class="useraccount tip left"> 40 <div class="useraccount tip left">
41 <div class="useraccount_top"> 41 <div class="useraccount_top">
42 <div class="useraccount_name one-txt-cut">{$vo.full_name}</div> 42 <div class="useraccount_name one-txt-cut">{$vo.full_name}</div>
43 - <div class="useraccount_career one-txt-cut"> 43 + <div class="useraccount_career">
44 {$vo.position}<span>{$vo.trade}</span> 44 {$vo.position}<span>{$vo.trade}</span>
45 </div> 45 </div>
46 </div> 46 </div>
47 - <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;"> 47 + <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 3;">
48 {$vo.post_excerpt} 48 {$vo.post_excerpt}
49 </div> 49 </div>
50 </div> 50 </div>
@@ -88,11 +88,11 @@ @@ -88,11 +88,11 @@
88 <a href="/portal/region/getStarDetail?id={$res_mxft.id}"> 88 <a href="/portal/region/getStarDetail?id={$res_mxft.id}">
89 <div class="useraccount_top"> 89 <div class="useraccount_top">
90 <div class="useraccount_name one-txt-cut">{$res_mxft.full_name}</div> 90 <div class="useraccount_name one-txt-cut">{$res_mxft.full_name}</div>
91 - <div class="useraccount_career one-txt-cut"> 91 + <div class="useraccount_career">
92 {$res_mxft.position}<span>{$res_mxft.trade}</span> 92 {$res_mxft.position}<span>{$res_mxft.trade}</span>
93 </div> 93 </div>
94 </div> 94 </div>
95 - <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;"> 95 + <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 3;">
96 {$res_mxft.post_excerpt} 96 {$res_mxft.post_excerpt}
97 </div> 97 </div>
98 </a> 98 </a>
@@ -12,12 +12,12 @@ @@ -12,12 +12,12 @@
12 </head> 12 </head>
13 13
14 <body> 14 <body>
15 - <include file="public@header"/> 15 + <include file="public@header" />
16 <div class="index_fifteenth"> 16 <div class="index_fifteenth">
17 <div class="index_fifteenth_bg"> 17 <div class="index_fifteenth_bg">
18 <div class="index_fifteenth_contant"> 18 <div class="index_fifteenth_contant">
19 <div class="index_fifteenth_top"> 19 <div class="index_fifteenth_top">
20 - <img src="__TMPL__/public/assets/images/cicon_58@2x.png" alt="" /> 20 + <img src="{:cmf_get_image_url($res.image_url)}" alt="" />
21 </div> 21 </div>
22 <div class="index_fifteenth_one"> 22 <div class="index_fifteenth_one">
23 {$res.post_title} 23 {$res.post_title}
@@ -41,7 +41,7 @@ @@ -41,7 +41,7 @@
41 </div> 41 </div>
42 </div> 42 </div>
43 </div> 43 </div>
44 - <include file="public@footer"/> 44 + <include file="public@footer" />
45 </body> 45 </body>
46 <script src="__TMPL__/public/assets/js/base.js"></script> 46 <script src="__TMPL__/public/assets/js/base.js"></script>
47 <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script> 47 <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
@@ -12,12 +12,14 @@ @@ -12,12 +12,14 @@
12 </head> 12 </head>
13 13
14 <body> 14 <body>
15 - <include file="public@header"/> 15 + <include file="public@header" />
16 <div class="index_fifteenth"> 16 <div class="index_fifteenth">
17 <div class="index_fifteenth_bg"> 17 <div class="index_fifteenth_bg">
18 <div class="index_fifteenth_contant"> 18 <div class="index_fifteenth_contant">
19 <div class="index_fifteenth_top"> 19 <div class="index_fifteenth_top">
20 - <img src="__TMPL__/public/assets/images/cicon_58@2x.png" alt="" /> 20 + <volist name="res.image_url" id="vo" offset="0" length="1">
  21 + <img src="{:cmf_get_image_url($vo.url)}" alt="">
  22 + </volist>
21 </div> 23 </div>
22 <div class="index_fifteenth_one"> 24 <div class="index_fifteenth_one">
23 {$res.post_title} 25 {$res.post_title}
@@ -65,7 +67,7 @@ @@ -65,7 +67,7 @@
65 </div> 67 </div>
66 </div> 68 </div>
67 </div> 69 </div>
68 - <include file="public@footer"/> 70 + <include file="public@footer" />
69 </body> 71 </body>
70 <script src="__TMPL__/public/assets/js/base.js"></script> 72 <script src="__TMPL__/public/assets/js/base.js"></script>
71 <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script> 73 <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
@@ -654,10 +654,10 @@ body::-webkit-scrollbar { @@ -654,10 +654,10 @@ body::-webkit-scrollbar {
654 } 654 }
655 655
656 .useraccount_top { 656 .useraccount_top {
657 - display: flex; 657 + /* display: flex;
658 display: -webkit-flex; 658 display: -webkit-flex;
659 justify-content: flex-start; 659 justify-content: flex-start;
660 - align-items: baseline; 660 + align-items: baseline; */
661 } 661 }
662 662
663 .useraccount_name { 663 .useraccount_name {
@@ -671,8 +671,7 @@ body::-webkit-scrollbar { @@ -671,8 +671,7 @@ body::-webkit-scrollbar {
671 } 671 }
672 672
673 .useraccount_career { 673 .useraccount_career {
674 - width: 1.8rem;  
675 - margin-left: 0.32rem; 674 + width: 4.2rem;
676 font-size: 0.24rem; 675 font-size: 0.24rem;
677 font-family: PingFang-SC-Medium; 676 font-family: PingFang-SC-Medium;
678 font-weight: 500; 677 font-weight: 500;
@@ -685,7 +684,7 @@ body::-webkit-scrollbar { @@ -685,7 +684,7 @@ body::-webkit-scrollbar {
685 } 684 }
686 685
687 .useraccount_intro { 686 .useraccount_intro {
688 - margin-top: 0.27rem; 687 + margin-top: 0.12rem;
689 /* width: 4.14rem; */ 688 /* width: 4.14rem; */
690 /* height: 1.48rem; */ 689 /* height: 1.48rem; */
691 font-size: 0.26rem; 690 font-size: 0.26rem;
@@ -87,9 +87,14 @@ $(function() { @@ -87,9 +87,14 @@ $(function() {
87 // 点击出现搜索栏 87 // 点击出现搜索栏
88 $('.navImg3').click(function() { 88 $('.navImg3').click(function() {
89 $('.navImg2').hide(); 89 $('.navImg2').hide();
  90 + $(this).addClass('searchs');
90 setInterval(function() { 91 setInterval(function() {
91 $('.nav_search').show(); 92 $('.nav_search').show();
92 }, 200); 93 }, 200);
  94 + //搜索
  95 + $(".searchs").click(function() {
  96 + $("#searchForm").submit(); //处理事件
  97 + });
93 }); 98 });
94 99
95 //登录 100 //登录
@@ -9,7 +9,7 @@ @@ -9,7 +9,7 @@
9 </div> 9 </div>
10 <!-- input框 --> 10 <!-- input框 -->
11 <div class="nav_search"> 11 <div class="nav_search">
12 - <form action="/portal/login/searchList" method="GET"> 12 + <form action="/portal/login/searchList" method="GET" id="searchForm">
13 <i></i> 13 <i></i>
14 <input type="text" placeholder="请输入搜索内容" name="keyword" value="{$keyword}" id="keywords"> 14 <input type="text" placeholder="请输入搜索内容" name="keyword" value="{$keyword}" id="keywords">
15 </form> 15 </form>