liting2017 6 years ago
parent
commit
1e116625b2

BIN
img/newMenu/achievement_16.jpg


BIN
img/newMenu/achievement_17.jpg


BIN
img/newMenu/achievement_18.gif


BIN
img/newMenu/achievement_19.jpg


BIN
img/newMenu/achievement_20.jpg


BIN
img/newMenu/achievement_21.jpg


BIN
img/newMenu/achievement_22.jpg


BIN
img/newMenu/achievement_23.jpg


BIN
img/newMenu/achievement_24.jpg


BIN
img/newMenu/achievement_26.png


BIN
img/newMenu/achievement_27.jpg


BIN
img/newMenu/achievement_28.jpg


BIN
img/newMenu/achievement_29.jpg


BIN
img/newMenu/achievement_hot.jpg


+ 393 - 1
src/css/newMenu/achievement.css

@@ -25,6 +25,9 @@
     display: -webkit-flex;
     justify-content: space-between;
 }
+.newRelease ul li{
+    transition: all .5s ease-in;
+}
 .newRelease ul li div{
     padding:10px 10px;
     background: #f9f9f9;
@@ -94,6 +97,12 @@
     clear: both;
     overflow: hidden;
 }
+.achievementHot-list .row{
+    margin: 0;
+}
+.achievementHot-list ul li div{
+    overflow: hidden;
+}
 .achievementHot-list .col-sm-4{
     padding: 0
 }
@@ -172,7 +181,6 @@ hr{
     font-weight: normal;
     font-size: 22px;
     color: #1f1f1f;
-    padding-bottom: 24px;
 }
 
 .study h4 a {
@@ -192,6 +200,7 @@ hr{
 }
 .patentList .col-sm-4>img{
     width: 100%;
+    height: 213px;
 }
 .patentList .col-sm-4 div>img{
     height: 230px;
@@ -203,6 +212,389 @@ hr{
 .patentList ul li img{
     width: 100%;
 }
+.patentList ul li {
+    margin-bottom: 5px;
+}
+.patentList ul li div p{
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+    line-height: 30px;
+}
+.achieveBj img{
+    margin-top: 16px;
+    width: 100%;
+    height: 90px;
+}
+
+/* 实用技术 */
+.practical {
+    clear: both;
+}
+.practical .practicalLeft{
+    float: left;
+    width: 940px;
+}
+.practicalLeft ul li {
+    cursor: pointer;
+    width: 170px;
+    margin-right: 30px;
+    float: left;
+    padding-left: 28px;
+    border-left: 1px solid #dfdfdf;
+
+}
+.practicalLeft ul li .imgBj{
+    position: relative;
+    width: 100%;
+}
+.practicalLeft ul li .imgBj img{
+    width: 100%;
+}
+.practicalLeft ul li .imgBj span{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 44px;
+    height: 40px;
+    display: inline-block;
+    background: url(../../../img/newMenu/achievement_26.png) no-repeat;
+    background-size:100% 100%; 
+}
+.practicalLeft ul li .txts h5,.practicalGrounpTxt .txts h5{
+    font-weight: normal;
+    font-size: 14px;
+    color: #1f1f1f;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+    padding: 10px 2px;
+}
+.practicalLeft ul li .txts p span,.practicalGrounpTxt .txts p span {
+    color: #7a7878;
+    font-size: 12px;
+    display: inline-block;
+    margin-right: 5px;
+}
+.practicalLeft ul li .txts .hotImg,.practicalGrounpTxt .txts .hotImg{
+    float: right;
+    margin-right: 0px;
+    height: 18px;
+    width: 32px;
+    display: inline-block;
+    background:url(../../../img/newMenu/achievement_hot.jpg) no-repeat;
+    background-size:100% 100%; 
+}
+.practicalLeft ul li:first-child{
+    width: 140px;
+    border: none;
+    padding-left:0;
+}
+.practicalLeft ul li:last-child{
+    margin-right: 0px;
+}
+
+.practicalLeft ul li .hr,.practicalGrounpTxt .hr{
+    width: 100%;
+    height: 18px;
+    background: url(../../../img/newMenu/achievement_27.jpg) no-repeat;
+    background-size:100% 100%; 
+    margin: 4px 0px;
+}
+.practicalLeft .btnTxt span,.practicalGrounpTxt .btnTxt span {
+    width: 64px;
+    height: 24px;
+    display: inline-block;
+    text-align: center;
+    font-size: 14px;
+    color: #ff6600;
+    border: 1px solid #ff6600;
+    line-height: 24px;
+    margin: 0 3px;
+}
+.practical .practicalRight{
+    float: right;
+    width: 190px;
+}
+.practicalGrounp {
+    padding-top: 16px;
+    clear: both;
+    overflow: hidden;
+}
+.practicalGrounp ol li{
+    float: left;
+    width: 33.00%;
+    margin-left: 4px;
+    cursor: pointer;
+}
+.practicalGrounp ol li img{
+    float: left;
+}
+.practicalGrounp ol li:first-child{
+    margin-left: 0;
+}
+.practicalGrounp .practicalGrounpTxt{
+    float: left;
+   margin: 10px;
+   width: 144px;
+}
+.practicalGrounpTxt .hr{
+    margin-bottom: 15px;
+}
+.studyT {
+    clear: both;
+    padding: 50px 0 36px;
+}
+   
+.studyT h4 {
+   font-weight: normal;
+   font-size: 22px;
+   color: #1f1f1f;
+}
+
+.studyT h4 a {
+   display: inline-block;
+   color: #cacaca;
+   font-size: 12px;
+   margin-left: 24px;
+}
+.studyT h4 a:hover{
+   color: #0289df;
+}
+.practicalRight {
+    margin-top: -20px
+}
+.practicalRight h4{
+    text-align: center;
+    font-size: 18px;
+    font-weight: normal;
+}
+.practicalRight ul li{
+    cursor: pointer;
+    overflow: hidden;
+    padding: 10px 0px;
+}
+.practicalRight ul li img{
+    float: left;
+}
+.practicalRight ul li div{
+    float: left;
+    padding-left:12px; 
+    width: 110px;
+}
+.practicalRight ul li div p{
+    font-size: 12px;
+    height: 24px;
+    line-height: 24px;
+    color: #757575;
+    margin-top: 10px;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+}
+.practicalRight ul li div hr{
+    width: 146px;
+    border: 0.5px solid #e7e7e7;
+}
+.practicalRight ul li img{
+    width: 58px;
+    height: 58px;
+}
+.practicalRight a{
+    color: #7a7878;
+}
+.practicalRight a:hover{
+    color: #0289df;
+}
+/* 知识产权交易政策 */
+.transaction .transactionImg{
+    float: left;
+    width: 680px;
+    padding-top: 30px;
+}
+.transaction .transactionImg .img{
+    width: 330px;
+    overflow: hidden;
+}
+.transaction .transactionImg>img{
+    float: left;
+    width: 330px;
+}
+.transaction .transactionImg div{
+    float: left;
+    width: 330px;
+    padding: 15px 0px 0 20px ;
+}
+.transaction .transactionImg div address{
+    color: #8c8c8c;
+    font-size: 16px;
+}
+.introduce address{
+    margin-bottom: 10px!important;
+}
+.transaction .transactionImg div address span{
+    margin: 0 10px;
+    display: inline-block;
+}
+.transaction .transactionImg div time{
+    color: #8c8c8c;
+    font-size: 16px;
+}
+.transaction .transactionImg div h5{
+    font-weight: normal;
+    font-size: 16px;
+    color: #191919;
+    padding-bottom: 20px;
+}
+.transaction .transactionImg div p{
+    font-size: 14px;
+    color: #7a7878;
+    line-height: 24px;
+    padding-bottom: 16px;
+}
+.transaction .transactionImg div a{
+    color: #7a7878;
+}
+.transaction .transactionImg div a:hover{
+    color: #0289df;
+}
+.transaction ul li {
+    height: 100px;
+    width: 470px;
+    margin-bottom: 30px;
+}
+.transaction ul li .time,.transactionList ol li .time{
+    width: 84px;
+    text-align: center;
+    padding:10px;
+    background: #f9f9f9;
+    float: left;
+}
+.transaction ul li .time p,.transactionList ol li .time p{
+    font-size: 30px;
+    color: #1f1f1f;
+}
+.transaction ul li .time span,.transactionList ol li .time span{
+    font-size: 12px;
+    color: #8c8c8c;
+}
+.transaction ul li .time hr,.transactionList ol li .time hr{
+    border: 0.5px solid #e7e7e7;
+    margin: 8px 0px ;
+}
+.transaction ul li .introduce,.transactionList ol li .introduce{
+    float: left;
+    width: 386px;
+    padding: 12px;
+}
+.transaction .introduce address,.transactionList .introduce address,{
+    margin-bottom: 10px;
+}
+.transaction .introduce img,.transactionList .introduce img{
+    margin-right: 8px;
+}
+.transaction .introduce .title,.transactionList .introduce .title{
+    margin-left: 10px;
+    font-size: 16px;
+    color:#191919;
+}
+.transaction .introduce p,.transactionList .introduce p{
+    color: #7a7878;
+    font-size: 14px;
+    line-height: 24px;
+}
+.transaction ul{
+    float: right;
+}
+.transactionList,.transactionList ol{
+    clear: both;
+    overflow: hidden;
+}
+.transactionList ol li{
+    overflow: hidden;
+    width: 50%;
+}
+.transactionList ol li:first-child{
+    float: left;
+}
+.transactionList ol li:last-child{
+    width: 470px;
+    float: right;
+}
+/*特效*/
+.transactionList ol li:hover .time,.transaction ul li:hover .time{
+    background: #2f83ce;
+    
+}
+.transactionList ol li:hover .introduce .title,.transaction ul li:hover .introduce .title{
+    color: #0289df;
+}
+.transactionList ol li:hover .time p,.transactionList ol li:hover .time span,.transaction ul li:hover .time span,.transaction ul li:hover .time p {
+    color: #ffffff;
+}
+.transaction .transactionImg:hover div>img{
+    transform: scale(1.1);
+    transition: all .5s ease-in;
+}
+.newRelease ul li:hover{
+    box-shadow: 0 5px 5px #ccc;
+    margin-top: -5px;
+    transition: all .2s ease-in;
+    cursor: pointer;
+}
+.achievementHot-list ul li:hover div img{
+    opacity: .5;
+    transition: all .5s ease-in;
+    cursor: pointer;
+}
+.achievementHot-list ul li:hover h4{
+    color: #0289df;
+}
+.patentList ul li:hover img{
+    transform: scale(1.02);
+    transition: all .5s ease-out;
+    cursor: pointer;
+    border-radius:10px;
+}
+.patentList ul li:hover p{
+    color: #0289df;
+}
+
+.practicalLeft ul li:hover img,.practicalGrounp ol li:hover img{
+    opacity: .7;
+}
+.practicalLeft ul li:hover .txts h5,.practicalGrounp ol li:hover .txts h5{
+    color: #0289df;
+}
+.practicalRight ul li:hover{
+    margin-left: -5px;
+    transition: all .5s;
+}
+.practicalRight ul li:hover  p{
+    color: #0289df;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

+ 0 - 22
src/css/newMenu/undefined.model.ts

@@ -1,22 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-
-// 组件
-import { undefinedComponent } from './undefined/undefined.component';
-
-// 定义常量 路由
-const routes: any = [
-    {
-        path: 'undefined',
-        component: undefinedComponent
-    }
-];
-
-@NgModule({
-    imports: [
-        RouterModule.forChild(routes)
-    ],
-    providers: [],
-    declarations: [undefinedComponent]
-})
-export class undefinedModule {}

+ 0 - 6
src/css/newMenu/undefined/undefined.component.html

@@ -1,6 +0,0 @@
-<div style="text-align:center">
-  {{title}}
-</div>
-<div></div>
-
-

+ 0 - 0
src/css/newMenu/undefined/undefined.component.scss


+ 0 - 32
src/css/newMenu/undefined/undefined.component.spec.ts

@@ -1,32 +0,0 @@
-import { TestBed, async } from '@angular/core/testing';
-
-import { undefinedComponent } from './undefined.component';
-
-describe('undefinedComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        undefinedComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the undefined', async(() => {
-    const fixture = TestBed.createComponent(undefinedComponent);
-    const undefined = fixture.debugElement.componentInstance;
-    expect(undefined).toBeTruthy();
-  }));
-
-  it(`should have as title 'undefined'`, async(() => {
-    const fixture = TestBed.createComponent(undefinedComponent);
-    const undefined = fixture.debugElement.componentInstance;
-    expect(undefined.title).toEqual('undefined');
-  }));
-
-  it('should render title in a h1 tag', async(() => {
-    const fixture = TestBed.createComponent(undefinedComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to undefined!');
-  }));
-});

+ 0 - 10
src/css/newMenu/undefined/undefined.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'undefined-root',
-  templateUrl: './undefined.component.html',
-  styleUrls: ['./undefined.component.css']
-})
-export class undefinedComponent {
-  title = 'undefined';
-}

+ 0 - 16
src/css/newMenu/undefined/undefined.module.ts

@@ -1,16 +0,0 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-
-import { undefinedComponent } from './undefined.component';
-
-@NgModule({
-  declarations: [
-    undefinedComponent
-  ],
-  imports: [
-    BrowserModule
-  ],
-  providers: [],
-  bootstrap: [undefinedComponent]
-})
-export class undefinedModule { }

+ 29 - 0
src/js/newMenu/achievement.js

@@ -0,0 +1,29 @@
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/achievement.css';
+import 'js/public.js';
+
+
+$(function(){
+    //轮播
+    init()
+    function init(){
+        nav();
+    }
+    //二级导航
+    function nav() {
+        $('.nav ul li').mouseenter(function () {
+            $(this).find('.subnavigation').slideDown(100);
+        });
+        $('.nav ul li').mouseleave(function () {
+            $(this).find('.subnavigation').slideUp(100);
+            $('.nav ul li').stop(false, true);
+        });
+        //轮播
+        $('#myCarousel').carousel({
+            interval: 4000
+        })
+    }
+})

+ 245 - 16
template/newMenu/achievement.html

@@ -5,11 +5,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>科技需求</title>
-    <link rel="stylesheet" href="../../src/css/bootstrap.css">
+    <title>科技成果</title>
+    <!-- <link rel="stylesheet" href="../../src/css/bootstrap.css">
     <link rel="stylesheet" href="../../src/css/newMenu/public.css">
     <link rel="stylesheet" href="../../src/css/newMenu/header.css">
-    <link rel="stylesheet" href="../../src/css/newMenu/achievement.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/achievement.css"> -->
     
 </head>
 
@@ -175,19 +175,13 @@
                 <div>
                     <ol>
                         <li>
-                            <a href="#technology">企业技术需求</a>
+                            <a href="#patentTitle">专利技术</a>
                         </li>
                         <li>
-                            <a href="#industry">地区产业需求</a>
+                            <a href="#practicalTitle">实用技术</a>
                         </li>
                         <li>
-                            <a href="#study">产学研合作需求</a>
-                        </li>
-                        <li>
-                            <a href="#capital">研产资金需求</a>
-                        </li>
-                        <li>
-                            <a href="#personnel">技术人才需求</a>
+                            <a href="#transactionTitle">知识产权交易政策</a>
                         </li>
                     </ol>
                 </div>
@@ -360,7 +354,7 @@
                 </li>
             </ul>
         </div>
-        <div class="study">
+        <div class="study" id="patentTitle">
                 <h4>专利技术
                     <a href="#">查看更多 > </a>
                 </h4>
@@ -385,7 +379,7 @@
                         <li class="col-sm-4">
                             <div>
                                 <img src="../../img/newMenu/achievement_13.jpg" alt="">
-                                <p>寻求:高压电极加热技术和蓄热技术</p>
+                                <p>寻求:21212高压电极加热技术和蓄热技术</p>
                             </div>
                         </li>
                         <li class="col-sm-4">
@@ -434,6 +428,241 @@
                 </div>
             </div>
         </div>
+        <div class="achieveBj">
+            <img src="../../img/newMenu/achievement_15.jpg" alt="">
+        </div>
+        <div class="studyT" id="practicalTitle">
+            <h4>实用技术
+                <a href="#">查看更多 &gt; </a>
+            </h4>
+        </div>
+        <div class="practical">
+            <div class="practicalLeft">
+                <ul>
+                    <li>
+                        <div class="imgBj">
+                            <img src="../../img/newMenu/achievement_16.jpg" alt="">   
+                            <span></span>
+                        </div>
+                        <div class="txts">
+                            <h5>高压电极加热技术哈...</h5>
+                            <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                        </div>
+                        <div class="hr"></div>
+                        <div class="btnTxt">
+                            <span class="float-left">环保</span>
+                            <span class="float-right">医疗</span>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="imgBj">
+                            <img src="../../img/newMenu/achievement_16.jpg" alt="">   
+                            <span></span>
+                        </div>
+                        <div class="txts">
+                            <h5>高压电极加热技术哈...</h5>
+                            <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                        </div>
+                        <div class="hr"></div>
+                        <div class="btnTxt">
+                            <span class="float-left">环保</span>
+                            <span class="float-right">医疗</span>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="imgBj">
+                            <img src="../../img/newMenu/achievement_17.jpg" alt="">   
+                            <span></span>
+                        </div>
+                        <div class="txts">
+                            <h5>高压电极加热技术哈...</h5>
+                            <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                        </div>
+                        <div class="hr"></div>
+                        <div class="btnTxt">
+                            <span class="float-left">环保</span>
+                            <span class="float-right">医疗</span>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="imgBj">
+                            <img src="../../img/newMenu/achievement_16.jpg" alt="">   
+                            <span></span>
+                        </div>
+                        <div class="txts">
+                            <h5>高压电极加热技术哈...</h5>
+                            <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                        </div>
+                        <div class="hr"></div>
+                        <div class="btnTxt">
+                            <span class="float-left">环保</span>
+                            <span class="float-right">医疗</span>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="imgBj">
+                            <img src="../../img/newMenu/achievement_19.jpg" alt="">   
+                            <span></span>
+                        </div>
+                        <div class="txts">
+                            <h5>高压电极加热技术哈...</h5>
+                            <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                        </div>
+                        <div class="hr"></div>
+                        <div class="btnTxt">
+                            <span class="float-left">环保</span>
+                            <span class="float-right">医疗</span>
+                        </div>
+                    </li>
+                </ul>
+                <div class="practicalGrounp">
+                    <ol>
+                        <li>
+                            <img src="../../img/newMenu/achievement_17.jpg" alt="">
+                            <div class="practicalGrounpTxt">
+                                <div class="txts">
+                                    <h5>高压电极加热技术哈...</h5>
+                                    <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                                </div>
+                                <div class="hr"></div>
+                                <div class="btnTxt">
+                                    <span class="float-left">环保</span>
+                                    <span class="float-right">医疗</span>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="../../img/newMenu/achievement_17.jpg" alt="">
+                            <div class="practicalGrounpTxt">
+                                <div class="txts">
+                                    <h5>高压电极加热技术哈...</h5>
+                                    <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                                </div>
+                                <div class="hr"></div>
+                                <div class="btnTxt">
+                                    <span class="float-left">环保</span>
+                                    <span class="float-right">医疗</span>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="../../img/newMenu/achievement_17.jpg" alt="">
+                            <div class="practicalGrounpTxt">
+                                <div class="txts">
+                                    <h5>高压电极加热技术哈...</h5>
+                                    <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                                </div>
+                                <div class="hr"></div>
+                                <div class="btnTxt">
+                                    <span class="float-left">环保</span>
+                                    <span class="float-right">医疗</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ol>
+                </div>
+            </div>
+            <div class="practicalRight">
+                <h4>技淘百科</h4>
+                <ul>
+                    <li>
+                        <img src="../../img/newMenu/achievement_21.jpg" alt="">
+                        <div>
+                            <p>高新服务流程如何</p>
+                            <hr />
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/newMenu/achievement_22.jpg" alt="">
+                        <div>
+                            <p>高新服务流程如何</p>
+                            <hr />
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/newMenu/achievement_23.jpg" alt="">
+                        <div>
+                            <p>高新服务流程如何</p>
+                            <hr />
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/newMenu/achievement_24.jpg" alt="">
+                        <div>
+                            <p>高新服务流程如何</p>
+                            <hr />
+                        </div>
+                    </li>
+                </ul>
+                <a href="#" class="float-right">查看更多 > </a>
+            </div>
+        </div>
+        <div class="studyT" id="transactionTitle">
+            <h4>知识产权交易政策
+                <a href="#">查看更多 &gt; </a>
+            </h4>
+        </div>
+        <div class="transaction">
+            <div class="transactionImg">
+                <img src="../../img/newMenu/achievement_29.jpg" alt="">
+                <div>
+                    <address><img src="../../img/newMenu/achievement_28.jpg" alt=""><span>长沙市</span><time>2018-04-23</time></address>
+                    <h5>《<span>湖南省关于2018支持科技成果转化..</span>》</h5>
+                    <p>最高补贴200万,国家免税,签订技术交易合同国家补贴,将数据为你很懂事印花税行就剩</p>
+                    <a href="#">查看更多 > </a>
+                </div>
+            </div>
+            <ul>
+                <li>
+                    <div class="time">
+                        <p>23</p>
+                        <hr>
+                        <span>2018-06</span>
+                    </div>
+                    <div class="introduce">
+                       <address><img src="../../img/newMenu/achievement_28.jpg" alt=""><span>长沙市</span><span class="title">《<span>湖南省关于2018支持科技..</span>》</span></address>
+                        <p>最高补贴200万,国家免税,签订技术交易合同国事印花税行就剩下和风度父爱和任何地方如何...</p>
+                    </div>
+                </li>
+                <li>
+                    <div class="time">
+                        <p>23</p>
+                        <hr>
+                        <span>2018-06</span>
+                    </div>
+                    <div class="introduce">
+                       <address><img src="../../img/newMenu/achievement_28.jpg" alt=""><span>长沙市</span><span class="title">《<span>湖南省关于2018支持科技..</span>》</span></address>
+                        <p>最高补贴200万,国家免税,签订技术交易合同国事印花税行就剩下和风度父爱和任何地方如何...</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="transactionList">
+            <ol>
+                <li>
+                    <div class="time">
+                        <p>23</p>
+                        <hr>
+                        <span>2018-06</span>
+                    </div>
+                    <div class="introduce">
+                       <address><img src="../../img/newMenu/achievement_28.jpg" alt=""><span>长沙市</span><span class="title">《<span>湖南省关于2018支持科技..</span>》</span></address>
+                        <p>最高补贴200万,国家免税,签订技术交易合同国事印花税行就剩下和风度父爱和任何地方如何...</p>
+                    </div>
+                </li>
+                <li>
+                    <div class="time">
+                        <p>23</p>
+                        <hr>
+                        <span>2018-06</span>
+                    </div>
+                    <div class="introduce">
+                       <address><img src="../../img/newMenu/achievement_28.jpg" alt=""><span>长沙市</span><span class="title">《<span>湖南省关于2018支持科技..</span>》</span></address>
+                        <p>最高补贴200万,国家免税,签订技术交易合同国事印花税行就剩下和风度父爱和任何地方如何...</p>
+                    </div>
+                </li>
+            </ol>
+        </div>
     </div>
     <footer>
         <div id="bottom">
@@ -655,10 +884,10 @@
         </div>
     </footer>
 </body>
-<script src="../../src/js/jquery-2.1.0.js"></script>
+<!-- <script src="../../src/js/jquery-2.1.0.js"></script>
 <script src="../../src/js/public.js"></script>
 <script src="../../src//js/newMenu/demand.js"></script>
 <script src="../../src//js/newMenu/achievement.js"></script>
-<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
 
 </html>

+ 8 - 2
webpack.config.js

@@ -217,6 +217,12 @@ module.exports = (function () {
             template: './template/newMenu/demand.html',
             chunks: ['newMenu/demand', 'vendors']
         }),
+        new HtmlWebpackPlugin({
+            title: '科技需求',
+            filename: 'html/newMenu/achievement.html',
+            template: './template/newMenu/achievement.html',
+            chunks: ['newMenu/achievement', 'vendors']
+        }),
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码
@@ -235,7 +241,7 @@ module.exports = (function () {
 
     //let staticHost = 'http://aftts.hnzhiming.com';
     //let staticHost = 'http://afts.hnzhiming.com';
-    let staticHost = 'http://192.168.1.106';
+    let staticHost = 'http://192.168.1.166';
     switch (argv.env.deploy) {
         case 'test':
             staticHost = 'http://static.jishutao.com';
@@ -266,7 +272,7 @@ module.exports = (function () {
         plugins: plugins,
         devServer: {
             disableHostCheck: true,
-            host: '192.168.1.106',
+            host: '192.168.1.166',
             port: 80,
             allowedHosts: ['127.0.0.1','192.168.1.222'],
             headers: {

+ 36 - 31
webpack/entry.config.js

@@ -33,133 +33,138 @@ module.exports = {
         'news/agreement': './src/js/news/agreement.js',
         /* 2018-06  新版科技需求 */
         'newMenu/demand': './src/js/newMenu/demand.js',
+        'newMenu/achievement': './src/js/newMenu/achievement.js'
     },
     watch: {
-        'index': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'index': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/index.js'
         ],
-         'aboutUs': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+         'aboutUs': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/aboutUs.js'
         ], 
-        'APPaboutUs': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'APPaboutUs': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/APPaboutUs.js'
         ],  
-        'contactUs': ['webpack-dev-server/client?http://192.168.1.106',
+        'contactUs': ['webpack-dev-server/client?http://192.168.1.166',
             'webpack/hot/only-dev-server',
             './src/js/contactUs.js'
         ],
-        'toPayment': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'toPayment': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/toPayment.js'
         ],
-        'service': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'service': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/service.js'
         ],
-        'register': ['webpack-dev-server/client?http://192.168.1.106',
+        'register': ['webpack-dev-server/client?http://192.168.1.166',
             'webpack/hot/only-dev-server',
             './src/js/register.js'
         ],
-        'member': ['webpack-dev-server/client?http://192.168.1.106',
+        'member': ['webpack-dev-server/client?http://192.168.1.166',
             'webpack/hot/only-dev-server',
             './src/js/member.js'
         ],
-        'technologyTrading': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'technologyTrading': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading.js'
         ],
-        'thinkTank': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'thinkTank': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank.js'
         ],
-        'financialIndex': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'financialIndex': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/financialIndex.js'
         ],
-        'technologyTrading/achievement': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'technologyTrading/achievement': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/achievement.js'
         ],
-        'technologyTrading/demand': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'technologyTrading/demand': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demand.js'
         ],
-        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/achievementDetail.js'
         ],
-        'technologyTrading/assessMent': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'technologyTrading/assessMent': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/assessMent.js'
          ],   
-        'technologyTrading/achievementOrder': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'technologyTrading/achievementOrder': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/achievementOrder.js'
         ],
-        'technologyTrading/demandOrder': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'technologyTrading/demandOrder': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demandOrder.js'
         ],
-        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demandDetail.js'
         ],
-        'thinkTank/policyDetail': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'thinkTank/policyDetail': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/policyDetail.js'
         ],
-        'thinkTank/thinkerDetail': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'thinkTank/thinkerDetail': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/thinkerDetail.js'
         ],
-        'thinkTank/policyList': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'thinkTank/policyList': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/policyList.js'
         ],
-        'financial/investmentInstitution': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'financial/investmentInstitution': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/financial/investmentInstitution.js'
         ],
-        'financial/investmentDetail': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'financial/investmentDetail': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/financial/investmentDetail.js'
         ],
-        'service/highTechCognizance': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'service/highTechCognizance': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/service/highTechCognizance.js'
         ],
-        'service/propertyRight': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'service/propertyRight': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/service/propertyRight.js'
         ],
-		'service/projectDetails': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+		'service/projectDetails': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/service/projectDetails.js'
         ],
-        'service/purpose': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'service/purpose': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/service/purpose.js'
         ],
         // newsApp 
-        'news/newsDetailApp': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'news/newsDetailApp': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/newsDetailApp.js'
         ],
-        'news/appCognizance': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'news/appCognizance': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/appCognizance.js'
         ],
-        'news/agreement': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'news/agreement': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/agreement.js'
         ],
         /* 2018-06 新版科技需求 */
-        'newMenu/demand': ['webpack-dev-server/client?http://192.168.1.106', // WebpackDevServer host and port
+        'newMenu/demand': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
         'webpack/hot/only-dev-server',
         './src/js/newMenu/demand.js'
         ],
+        'newMenu/achievement': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/achievement.js'
+        ],
     }
 };