作者 王毅
1 个管道 的构建 通过 耗费 2 秒

修改页面样式

@@ -546,8 +546,8 @@ @@ -546,8 +546,8 @@
546 </div> 546 </div>
547 <div class="useraccount tip left"> 547 <div class="useraccount tip left">
548 <div class="useraccount_top"> 548 <div class="useraccount_top">
549 - <div class="useraccount_name">{$res_mxft.full_name}</div>  
550 - <div class="useraccount_career"> 549 + <div class="useraccount_name one-txt-cut">{$res_mxft.full_name}</div>
  550 + <div class="useraccount_career one-txt-cut">
551 {$res_mxft.position}<span>{$res_mxft.trade}</span> 551 {$res_mxft.position}<span>{$res_mxft.trade}</span>
552 </div> 552 </div>
553 </div> 553 </div>
@@ -602,7 +602,7 @@ @@ -602,7 +602,7 @@
602 </a> 602 </a>
603 </div> 603 </div>
604 <!-- 星探推荐 --> 604 <!-- 星探推荐 -->
605 - <div class="recommend"> 605 + <div class="recommend" style="height: 6.6rem">
606 <div class="recommend_top"> 606 <div class="recommend_top">
607 <div class="top_state_title"> 607 <div class="top_state_title">
608 <div class="top_state_ch">星探<span>推荐</span> 608 <div class="top_state_ch">星探<span>推荐</span>
@@ -613,7 +613,7 @@ @@ -613,7 +613,7 @@
613 </div> 613 </div>
614 </div> 614 </div>
615 <!-- 图片 --> 615 <!-- 图片 -->
616 - <div class="star_gall_img swiper-container2"> 616 + <div class="star_gall_img swiper-container2" style="overflow: hidden">
617 <!-- 轮播图 --> 617 <!-- 轮播图 -->
618 <ul class="swiper-wrapper"> 618 <ul class="swiper-wrapper">
619 <notempty name="res_xttj"> 619 <notempty name="res_xttj">
@@ -108,6 +108,7 @@ @@ -108,6 +108,7 @@
108 <script src="__TMPL__/public/assets/js/base.js"></script> 108 <script src="__TMPL__/public/assets/js/base.js"></script>
109 <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script> 109 <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
110 <script src="__TMPL__/public/assets/js/swiper.min.js"></script> 110 <script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  111 +<script src="__TMPL__/public/assets/js/public.js"></script>
111 <script> 112 <script>
112 // 星域秀场视频 113 // 星域秀场视频
113 var video = document.getElementById("video"); 114 var video = document.getElementById("video");
@@ -31,7 +31,7 @@ @@ -31,7 +31,7 @@
31 </div> 31 </div>
32 <div class="sw_deTopTxt"> 32 <div class="sw_deTopTxt">
33 <h1 class="sw_deTopTxt1 one-txt-cut">{$res.full_name}</h1> 33 <h1 class="sw_deTopTxt1 one-txt-cut">{$res.full_name}</h1>
34 - <p class="sw_deTopTxt2">{$res.post_excerpt}</p> 34 + <p class="sw_deTopTxt2 txt-cut" style="-webkit-line-clamp:4;">{$res.post_excerpt}</p>
35 <span class="sw_deTopTxt3"></span> 35 <span class="sw_deTopTxt3"></span>
36 </div> 36 </div>
37 </div> 37 </div>
@@ -93,8 +93,8 @@ @@ -93,8 +93,8 @@
93 <div class="useraccount tip left star_introduce"> 93 <div class="useraccount tip left star_introduce">
94 <a href="/portal/region/getStarDetail?id={$res_mxft.id}"> 94 <a href="/portal/region/getStarDetail?id={$res_mxft.id}">
95 <div class="useraccount_top"> 95 <div class="useraccount_top">
96 - <div class="useraccount_name">{$res_mxft.full_name}</div>  
97 - <div class="useraccount_career"> 96 + <div class="useraccount_name one-txt-cut">{$res_mxft.full_name}</div>
  97 + <div class="useraccount_career one-txt-cut">
98 {$res_mxft.position}<span>{$res_mxft.trade}</span> 98 {$res_mxft.position}<span>{$res_mxft.trade}</span>
99 </div> 99 </div>
100 </div> 100 </div>
@@ -42,7 +42,7 @@ @@ -42,7 +42,7 @@
42 <div class="index_fifteenth_two_left"> 42 <div class="index_fifteenth_two_left">
43 包含项目 43 包含项目
44 </div> 44 </div>
45 - <div class="index_fifteenth_two_right"> 45 + <div class="index_fifteenth_two_right txt-cut" style="width: 4.8rem;-webkit-line-clamp:3;">
46 {$res.project} 46 {$res.project}
47 </div> 47 </div>
48 </div> 48 </div>
@@ -110,6 +110,7 @@ a { @@ -110,6 +110,7 @@ a {
110 } 110 }
111 111
112 body { 112 body {
  113 + overflow-x: hidden;
113 background-color: #3C3C94; 114 background-color: #3C3C94;
114 } 115 }
115 116
@@ -1023,12 +1024,13 @@ body { @@ -1023,12 +1024,13 @@ body {
1023 } 1024 }
1024 1025
1025 .sw_deTopTxt1 { 1026 .sw_deTopTxt1 {
  1027 + margin-bottom: 0.16rem;
1026 font-size: 0.32rem; 1028 font-size: 0.32rem;
1027 color: rgba(26, 26, 26, 1); 1029 color: rgba(26, 26, 26, 1);
1028 } 1030 }
1029 1031
1030 .sw_deTopTxt2 { 1032 .sw_deTopTxt2 {
1031 - padding: 0.23rem 0; 1033 + line-height: 0.42rem;
1032 font-size: 0.24rem; 1034 font-size: 0.24rem;
1033 color: rgba(26, 26, 26, 1); 1035 color: rgba(26, 26, 26, 1);
1034 } 1036 }
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 width: 100%; 39 width: 100%;
40 display: none; 40 display: none;
41 background-color: white; 41 background-color: white;
42 - z-index: 11; 42 + z-index: 999;
43 position: absolute; 43 position: absolute;
44 top: 0.88rem; 44 top: 0.88rem;
45 left: 0; 45 left: 0;
1 /*单行溢出*/ 1 /*单行溢出*/
2 - 2 +body{
  3 + overflow-x: hidden;
  4 + font-family: "微软雅黑";
  5 +}
3 .one-txt-cut { 6 .one-txt-cut {
4 overflow: hidden; 7 overflow: hidden;
5 white-space: nowrap; 8 white-space: nowrap;
@@ -33,7 +36,8 @@ @@ -33,7 +36,8 @@
33 position: relative; 36 position: relative;
34 } 37 }
35 38
36 - 39 +body{
  40 +}
37 /* 地球 */ 41 /* 地球 */
38 42
39 .top_earth { 43 .top_earth {
@@ -244,32 +248,32 @@ @@ -244,32 +248,32 @@
244 248
245 .center_card_Img1 { 249 .center_card_Img1 {
246 background-size: 100% 100%; 250 background-size: 100% 100%;
247 - background-image: url('../images/cicon_09@2x.png'); 251 + background-image: url('../images/monthCover/1.jpg');
248 } 252 }
249 253
250 .center_card_Img2 { 254 .center_card_Img2 {
251 background-size: 100% 100%; 255 background-size: 100% 100%;
252 - background-image: url('../images/cicon_24@2x.png'); 256 + background-image: url('../images/monthCover/3.jpg');
253 } 257 }
254 258
255 .center_card_Img3 { 259 .center_card_Img3 {
256 background-size: 100% 100%; 260 background-size: 100% 100%;
257 - background-image: url('../images/cicon_24@2x.png'); 261 + background-image: url('../images/monthCover/6.jpg');
258 } 262 }
259 263
260 .center_card_Img4 { 264 .center_card_Img4 {
261 background-size: 100% 100%; 265 background-size: 100% 100%;
262 - background-image: url('../images/cicon_24@2x.png'); 266 + background-image: url('../images/monthCover/8.jpg');
263 } 267 }
264 268
265 .center_card_Img5 { 269 .center_card_Img5 {
266 background-size: 100% 100%; 270 background-size: 100% 100%;
267 - background-image: url('../images/cicon_24@2x.png'); 271 + background-image: url('../images/monthCover/9.jpg');
268 } 272 }
269 273
270 .center_card_Img6 { 274 .center_card_Img6 {
271 background-size: 100% 100%; 275 background-size: 100% 100%;
272 - background-image: url('../images/cicon_24@2x.png'); 276 + background-image: url('../images/monthCover/11.jpg');
273 } 277 }
274 278
275 .hovers { 279 .hovers {
@@ -597,7 +601,7 @@ @@ -597,7 +601,7 @@
597 position: relative; 601 position: relative;
598 background-color: #fff; 602 background-color: #fff;
599 color: rgba(60, 60, 148, 1); 603 color: rgba(60, 60, 148, 1);
600 - width: 5rem; 604 + width: 4.2rem;
601 /* height: 2.84rem; */ 605 /* height: 2.84rem; */
602 background: rgba(255, 255, 255, 1); 606 background: rgba(255, 255, 255, 1);
603 border-radius: 0.1rem; 607 border-radius: 0.1rem;
@@ -751,7 +755,7 @@ @@ -751,7 +755,7 @@
751 755
752 .recommed_contant_title { 756 .recommed_contant_title {
753 /* width: 2.32rem; */ 757 /* width: 2.32rem; */
754 - /* height: 0.7rem; */ 758 + height: 0.76rem;
755 font-size: 0.28rem; 759 font-size: 0.28rem;
756 font-family: PingFang-SC-Medium; 760 font-family: PingFang-SC-Medium;
757 font-weight: 500; 761 font-weight: 500;
@@ -870,7 +874,7 @@ @@ -870,7 +874,7 @@
870 /* 亲临现场 */ 874 /* 亲临现场 */
871 875
872 .first_scene { 876 .first_scene {
873 - width: 7.5rem; 877 + /*width: 7.5rem;*/
874 /* margin-top: 0.66rem; 878 /* margin-top: 0.66rem;
875 margin-left: 0.32rem */ 879 margin-left: 0.32rem */
876 padding: 0.66rem 0.32rem 0.1rem 0.32rem; 880 padding: 0.66rem 0.32rem 0.1rem 0.32rem;
@@ -893,13 +897,10 @@ @@ -893,13 +897,10 @@
893 897
894 .first_scene_top_ch { 898 .first_scene_top_ch {
895 margin-left: 0.2rem; 899 margin-left: 0.2rem;
896 - /* width: 1.56rem; */  
897 - /* height: 0.38rem; */  
898 font-size: 0.4rem; 900 font-size: 0.4rem;
899 font-family: PingFang-SC-Heavy; 901 font-family: PingFang-SC-Heavy;
900 font-weight: 800; 902 font-weight: 800;
901 color: rgba(255, 255, 255, 1); 903 color: rgba(255, 255, 255, 1);
902 - /* line-height: 0.74rem; */  
903 } 904 }
904 905
905 .first_scene_top_ch span { 906 .first_scene_top_ch span {
@@ -2136,7 +2137,6 @@ @@ -2136,7 +2137,6 @@
2136 } 2137 }
2137 2138
2138 .index_fifteen_two_right_bg { 2139 .index_fifteen_two_right_bg {
2139 - width: 1.2rem;  
2140 height: 0.38rem; 2140 height: 0.38rem;
2141 background: rgba(60, 60, 148, 1); 2141 background: rgba(60, 60, 148, 1);
2142 display: flex; 2142 display: flex;