Skip to content

任超 / js.portalStaticPage

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

style:新闻模块

1 parent 2a36cc3a
Inline Side-by-side
Showing 3 changed files with 23 additions and 116 deletions
...@@ -714,106 +714,13 @@ div.navigation { ...@@ -714,106 +714,13 @@ div.navigation {
714 color: #9B9B9B; 714 color: #9B9B9B;
715 margin-top: 10px; 715 margin-top: 10px;
716 } 716 }
717 717 /* 来源 */
718 /* -----------------底部start----------------------------- */ 718 .source {
719 div.footer { 719 color: #6D7278;
720 background-color: #233042;
721 width: 100%;
722 }
723
724 div.footer .system_service {
725 width: 100%;
726 border-bottom: 1px solid #4A4A4A;
727 }
728
729 div.footer .system_service ul {
730 padding: 40px 0;
731 width: 1400px;
732 margin: 0 auto;
733 font-size: 0;
734 }
735
736 div.footer .system_service ul li {
737 width: 20%;
738 display: inline-block;
739 text-align: center;
740 height: 18px;
741 box-sizing: border-box;
742 }
743
744 div.footer .system_service ul li:not(:last-child) {
745 border-right: 1px solid #6D7278;
746 }
747
748 div.footer .system_service ul li a {
749 font-size: 16px;
750 font-weight: 400;
751 color: #DEDEDE;
752 }
753
754 div.footer .system_service ul li a:hover {
755 color: #f46143;
756 }
757
758 .footer .subject {
759 width: 80%;
760 margin: 0 auto;
761 padding: 40px 0;
762 overflow: hidden;
763 }
764
765 .footer .subject .footer_logo {
766 float: left;
767 }
768
769 .footer .subject .footer_logo a {
770 display: block;
771 width: 64px;
772 height: 74px;
773 padding: 10px;
774 }
775
776 .footer .subject .footer_logo a img {
777 width: 100%;
778 height: 100%;
779 }
780
781 .footer .subject ul, ol {
782 float: left;
783 color: #CBCBCB;
784 text-align: left;
785 }
786
787 .footer .subject ul {
788 width: 73%;
789 box-sizing: border-box;
790 padding-left: 40px;
791 margin-top: 10px;
792 }
793
794 .footer .subject ul li {
795 width: 30%;
796 display: inline-block;
797 text-align: left;
798 margin-bottom: 30px;
799 }
800
801 .footer .subject ol li {
802 display: inline-block;
803 text-align: center;
804 }
805
806 .footer .subject ol li:last-child {
807 margin-left: 60px;
808 }
809
810 .footer .subject ol li img {
811 width: 80px;
812 height: 80px;
813 }
814
815 .footer .subject ol li p {
816 font-size: 12px; 720 font-size: 12px;
817 color: #CBCBCB; 721 margin-top: 30px;
818 margin-top: 5px; 722 }
723 .source p:nth-child(2) {
724 color: #4A4A4A;
725 font-size: 14px;
819 } 726 }
...\ No newline at end of file ...\ No newline at end of file
......
1 $(function () { 1 $(function () {
2 let Mydate = new Date()
3 let year = Mydate.getFullYear();
4 let minutes = Mydate.getMinutes()
5 let hour = Mydate.getHours();
6 let date = Mydate.getDate()
7 let month = Mydate.getMonth();
8 $('.date div:first-child').text(year)
9 $('.date div:nth-child(2)').text(month + 1 + "/" + date)
10 $('.date div:last-child').text(hour + ":" + minutes)
11 LawsData() 2 LawsData()
12 HotArticle(); 3 HotArticle();
13 PolicyHotArticle(); 4 PolicyHotArticle();
...@@ -27,9 +18,12 @@ function LawsData() { ...@@ -27,9 +18,12 @@ function LawsData() {
27 //数据，这里使用的是Json格式进行传输 18 //数据，这里使用的是Json格式进行传输
28 success: function (result) {//返回数据根据结果进行相应的处理 19 success: function (result) {//返回数据根据结果进行相应的处理
29 if (result.code == 200 && result.data != null) { 20 if (result.code == 200 && result.data != null) {
30 console.log(999,result.data) 21 $('.newsTitle').html(result.data.headline);
31 $('.newsTitle').html(result.data.headline) 22 newsList.append(result.data.content);
32 newsList.append(result.data.content) 23 $('.source p').eq(1).text(result.data.source);
24 $('#years').text((result.data.addtime.split(' ')[0]).split('-')[0]);
25 $('#month').text((result.data.addtime.split(' ')[0]).split('-')[1] + '/' + (result.data.addtime.split(' ')[0]).split('-')[2]);
26 $('#time').text((result.data.addtime.split(' ')[1]).split('-')[0].split(':')[0] + ':' +(result.data.addtime.split(' ')[1]).split('-')[0].split(':')[1])
33 } 27 }
34 } 28 }
35 }); 29 });
...@@ -50,7 +44,9 @@ function HotArticle() { ...@@ -50,7 +44,9 @@ function HotArticle() {
50 if (result.code == 200 && result.data != null) { 44 if (result.code == 200 && result.data != null) {
51 for (var i = 0; i < result.data.length; i++) { 45 for (var i = 0; i < result.data.length; i++) {
52 li = '<li class="tj">'; 46 li = '<li class="tj">';
47 if (result.data[i].cover) {
53 li += '<img src="' + result.data[i].cover + '">'; 48 li += '<img src="' + result.data[i].cover + '">';
49 }
54 li += '<span class="tj-title">'+result.data[i].headline+'</span>'; 50 li += '<span class="tj-title">'+result.data[i].headline+'</span>';
55 li += '<span class="tj-date">'+result.data[i].deadtime+'</span>'; 51 li += '<span class="tj-date">'+result.data[i].deadtime+'</span>';
56 li += '</li>'; 52 li += '</li>';
......
...@@ -29,9 +29,9 @@ ...@@ -29,9 +29,9 @@
29 <div class="left2"> 29 <div class="left2">
30 <div class="left-left"> 30 <div class="left-left">
31 <div class="date"> 31 <div class="date">
32 <div></div> 32 <div id="years"></div>
33 <div>10/27</div> 33 <div id="month">10/27</div>
34 <div>20:53</div> 34 <div id="time">20:53</div>
35 </div> 35 </div>
36 <div class="readNum"> 36 <div class="readNum">
37 <div> 37 <div>
...@@ -41,6 +41,10 @@ ...@@ -41,6 +41,10 @@
41 <span>1132</span> 41 <span>1132</span>
42 </div> 42 </div>
43 </div> 43 </div>
44 <div class="source">
45 <p>信息来源</p>
46 <p></p>
47 </div>
44 <div class="share"> 48 <div class="share">
45 <span>-分享-</span> 49 <span>-分享-</span>
46 <div class="imaglist"> 50 <div class="imaglist">
......