Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
ae70aa11 by 任超
Options

style:新闻

1 parent b79c5e97
Inline Side-by-side
Showing 3 changed files with 50 additions and 46 deletions
...@@ -115,7 +115,7 @@ div.subject { ...@@ -115,7 +115,7 @@ div.subject {
115 .xw { 115 .xw {
116 display: block; 116 display: block;
117 padding-top: 10px; 117 padding-top: 10px;
118 height: 150px; 118 min-height: 80px;
119 cursor: pointer; 119 cursor: pointer;
120 } 120 }
121 121
...@@ -161,30 +161,9 @@ div.subject { ...@@ -161,30 +161,9 @@ div.subject {
161 color: #686666; 161 color: #686666;
162 } 162 }
163 163
164 .left-body {
165 width: 687px;
166 height: 72px;
167 font-size: 14px;
168 font-weight: 400;
169 color: #6D7278;
170 line-height: 26px;
171 overflow : hidden;
172 text-overflow: ellipsis;
173 display: -webkit-box;
174 -webkit-line-clamp: 3;
175 -webkit-box-orient: vertical;
176 }
177 164
178 .left-buttom {
179 overflow: hidden;
180 color: #9B9B9B;
181 padding-top: 20px;
182 }
183 .left-buttom .icon{ 165 .left-buttom .icon{
184 width: 36px; 166
185 height: 24px;
186 position: relative;
187 top: 6px;
188 } 167 }
189 .left-buttom div:nth-child(2) { 168 .left-buttom div:nth-child(2) {
190 margin-left: 60px; 169 margin-left: 60px;
...@@ -314,4 +293,22 @@ div.subject { ...@@ -314,4 +293,22 @@ div.subject {
314 } 293 }
315 #regulation { 294 #regulation {
316 line-height: 0; 295 line-height: 0;
296 }
297 .newsBottom {
298 overflow: hidden;
299 margin-top: 20 px;
300 }
301 .newsBottom .newIcon {
302 float: left;
303 position: relative;
304 top: 10px;
305 }
306 .newsBottom .newIcon .icon{
307 width: 36px;
308 height: 24px;
309 position: relative;
310 top: 6px;
311 }
312 .newsCon {
313 overflow: hidden;
317 } 314 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -56,6 +56,13 @@ $(function () { ...@@ -56,6 +56,13 @@ $(function () {
56 $('.loginButton').removeClass('PersonLogin') 56 $('.loginButton').removeClass('PersonLogin')
57 $('.personalCenter').addClass('show'); 57 $('.personalCenter').addClass('show');
58 } 58 }
59 $(window).bind('beforeunload', function (event) {
60 var n = window.event.screenX - window.screenLeft;
61 var b = n > document.documentElement.scrollWidth - 20;
62 if (b && window.event.clientY < 0 || window.event.altKey) {
63 delCookie();
64 }
65 });
59 }) 66 })
60 function delCookie() { 67 function delCookie() {
61 var keys = document.cookie.match(/[^ =;]+(?==)/g) 68 var keys = document.cookie.match(/[^ =;]+(?==)/g)
......
...@@ -51,33 +51,33 @@ ...@@ -51,33 +51,33 @@
51 {{ item.headline }} 51 {{ item.headline }}
52 </a> 52 </a>
53 <a class="xw" href='./xwxq.html?id={{item.id}}' target="_blank"> 53 <a class="xw" href='./xwxq.html?id={{item.id}}' target="_blank">
54 <div class="xw-left"> 54 <div class="newsCon">
55 {{# if(item.cover != null ){ }} 55 <div class="xw-left">
56 <img src="{{ item.cover }}"> 56 {{# if(item.cover != null ){ }}
57 {{# } }} 57 <img src="{{ item.cover }}">
58 </div> 58 {{# } }}
59 <div class="xw-right"> 59 </div>
60 <div class="left-body"> 60 <div class="xw-right">
61 {{# if(item.summary !== null){ }} 61 {{# if(item.summary !== null){ }}
62 {{ item.summary }} 62 {{ item.summary }}
63 {{# } }} 63 {{# } }}
64 </div> 64 </div>
65 <div class="left-buttom"> 65 </div>
66 <div> 66 <div class="newsBottom">
67 <svg class="icon svg-icon" aria-hidden="true"> 67 <div class="newIcon">
68 <use xlink:href="#iconchakan"></use> 68 <svg class="icon svg-icon" aria-hidden="true">
69 </svg> 69 <use xlink:href="#iconchakan"></use>
70 <span> {{ item.pageviews }}</span> 70 </svg>
71 </div> 71 <span> {{ item.pageviews }}</span>
72 <div> 72 </div>
73 <svg class="icon svg-icon" aria-hidden="true"> 73 <div class="newIcon">
74 <use xlink:href="#iconpinglun"></use> 74 <svg class="icon svg-icon" aria-hidden="true">
75 </svg> 75 <use xlink:href="#iconpinglun"></use>
76 <span>{{ item.commentnum }}</span> 76 </svg>
77 </div> 77 <span>{{ item.commentnum }}</span>
78 <div class="left-buttom-date"> 78 </div>
79 {{ CutDate(item.publishTime) }} 79 <div class="left-buttom-date">
80 </div> 80 {{ CutDate(item.publishTime) }}
81 </div> 81 </div>
82 </div> 82 </div>
83 </a> 83 </a>
......