Browse Source

成果需求图片代码优化

liting2017 6 years ago
parent
commit
5e97748ebf

+ 49 - 5
src/css/newMenu/demand.css

@@ -319,10 +319,16 @@
 .enterprise {
     padding-bottom: 20px;
 }
-.enterprise .col-md-2{
+.enterprise .row{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-around;
+}
+.enterprise .colMd2{
+    width: 204px;
     padding-right: 0;
 }
-.enterprise .col-md-2 img{
+.enterprise .colMd2 img{
     width: 100%;
     height:500px;
 }
@@ -342,20 +348,29 @@
 
 .imgGroup {
     box-sizing: border-box;
+    width: 1000px;
+    padding-right: 0px;
 }
 
 .imgGroup ul {
     box-sizing: border-box;
+    
 }
 
 .imgGroup ul li {
+    float: left;
     padding: 0 5px;
     display: inline-block;
     overflow: hidden;
-    width: 24.6%;
-    margin-bottom: 30px;
+    width: 240px;
+    margin-left: 8px;
+    padding-top: 5px;
+    margin-right: 0;
+    margin-bottom:8px;
     transition: all .2s ease-in;
+    box-shadow: 0 0 2px #ccc;
 }
+
 .imgGroup ul li:hover{
     transition: all .2s ease-in;
     box-shadow: 0 5px 10px #ccc;
@@ -493,8 +508,18 @@
 /* 产学研合作需求 */
 .studyTxt{
     padding-left: 10px;
+    display: flex;
+    display: -webkit-flex;
+}
+.studyTxt .colSm10{
+    width: 1000px;
+}
+.studyTxt .colSm10 .row{
+    margin: 0
 }
 .studyTxt ul li{
+    width: 332px;
+    float: left;
     box-sizing: border-box;
     height:110px;
     overflow: hidden;
@@ -666,11 +691,30 @@
     height: 280px;
 }
 .technology.row{
-    margin-right: 0
+    margin-right: 0;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.technology .colSm2{
+    width: 180px;
+}
+.technology .colSm10{
+    width: 1100px;
+    padding-left: 20px;
+}
+.technology .colSm10 .row{
+    margin: 0;
+}
+.technology ol li:nth-child(3n+1){
+    margin-left: 0;
 }
 .technology ol li{
+    float: left;
+    width: 330px;
     height: 136px;
     margin-bottom: 8px;
+    margin-left: 10px;
     transition: all .2s ease-in-out;
 }
 .technology ol li:hover div{

+ 11 - 9
src/css/newMenu/patent.css

@@ -288,6 +288,7 @@
     z-index: 25;
     overflow: hidden;
     transition: all .2s ease-in;
+    border-top: 1px solid #e0e0e0;
 }
 .newRelease li:nth-child(2n+1) .newReleaseImgs{
     width: 100%;
@@ -298,6 +299,7 @@
     z-index: 25;
     overflow: hidden;
     transition: all .2s ease-in;
+    border-bottom: 1px solid #e0e0e0;
 }
 .newRelease li:nth-child(2n+1) .txt{
     width: 100%;
@@ -314,11 +316,10 @@
     top: 0;
     left: 0;
     z-index: 26;
-    /* border-top: 1px solid #e0e0e0; */
 }
 .newRelease li:nth-child(2n+1) .txt .triangle_border_up{
     position: absolute;
-    top: 17px;
+    top: 18px;
     left: 42px;
     z-index: 60;
 
@@ -326,10 +327,9 @@
 .newRelease li:nth-child(2n) .txt .triangle_border_up{
     position: absolute;
     transform: rotate(180deg);
-    bottom: 17px;
+    bottom: 18px;
     left:42px;
     z-index: 60;
-
 }
 .newRelease li div img{
     width: 100%;
@@ -342,7 +342,8 @@
     height:0;
     border-width:0 14px 14px;
     border-style:solid;
-    border-color:transparent transparent #fff;/*透明 透明  灰*/
+    border-color:transparent transparent #1697e9;/*透明 透明  灰*/
+    
 }
 .newRelease li .txt .triangle{
     width: 18px;height: 12px;
@@ -397,7 +398,7 @@
     background-size:100% 100%;
     margin-top: 24px;
     margin-bottom: 64px; 
-    padding-top: 46px;
+    padding-top: 35px;
 }
 
 .patentService .patentServiceList ul{
@@ -408,7 +409,7 @@
 }
 .patentService .patentServiceList ul li{
     width: 370px;
-    height: 400px;
+    height: 430px;
     background: #ffffff;
     transition: all .2s ease-in;
 }
@@ -417,7 +418,7 @@
 }
 .patentService .patentServiceList ul li div{
     width: 100%;
-    height: 320px;
+    height: 350px;
     overflow: hidden;
 }
 .patentService .patentServiceList ul li p{
@@ -507,7 +508,7 @@
 }
 .trademarkList li div{
     width: 100%;
-    height: 288px;
+    height: 274px;
     overflow: hidden;
 }
 .trademarkList li div img{
@@ -548,6 +549,7 @@
 }
 
 .copyright ul{
+    height:402px;
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;

+ 2 - 1
src/css/newMenu/patentList.css

@@ -162,6 +162,7 @@
 }
 
 .achievementHot>ul>li {
+    cursor: pointer;
     float: left;
     width: 308px;
     margin-left: 37px;
@@ -203,7 +204,7 @@
 
 }
 .achievementHot ul li:hover{
-    transform: scale(1.005);
+    transform: scale(1.001);
     box-shadow: 1px 1px 0 #f5f5f5, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa,
     6px 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .3), 3px 3px 5px rgba(0, 0, 0, .2),
     5px 5px 10px rgba(0, 0, 0, .25), 10px 10px 10px rgba(0, 0, 0, .2), 20px 20px 20px rgba(0, 0, 0, .15);

+ 2 - 5
src/css/newMenu/serviceList.css

@@ -184,6 +184,7 @@
 }
 
 .achievementHot>ul>li {
+    cursor: pointer;
     float: left;
     width: 308px;
     margin-left: 37px;
@@ -217,8 +218,7 @@
     padding: 10px 2px 0;
 }
 .achievementHot ul li:hover{
-    /* box-shadow: 0 0 20px #ccc; */
-    transform: scale(1.005);
+    transform: scale(1.001);
     box-shadow: 1px 1px 0 #f5f5f5, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa,
     6px 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .3), 3px 3px 5px rgba(0, 0, 0, .2),
     5px 5px 10px rgba(0, 0, 0, .25), 10px 10px 10px rgba(0, 0, 0, .2), 20px 20px 20px rgba(0, 0, 0, .15);
@@ -499,9 +499,6 @@
 .txtIntroduce .btnTxts>span{
    float: right;
 }
-.txtIntroduce .btnTxts a:hover{
-    color: #0a7dd4;
-}
 
 
 

+ 4 - 4
src/css/newMenu/tradingIndex.css

@@ -238,7 +238,7 @@
 .patentSolveBody ul{
     position: absolute;
     right: 0;
-    top: 35%;
+    top: 33%;
     transform: translateY(-50%);
     height:246px; 
     width:660px;
@@ -250,7 +250,7 @@
 
 .patentSolveBody ul li{
    width: 320px;
-   height: 320px;
+   height: 345px;
    background: #ffffff;
    transition: all .2s ease-in
 }
@@ -258,7 +258,7 @@
     position: relative;
     z-index: 40;
     width: 100%;
-    height:  270px;
+    height:  290px;
     overflow: hidden;
 }
 .patentSolveBody ul li div img{
@@ -562,7 +562,7 @@
 .demandJump{
     width: 410px;
     position: absolute;
-    bottom: 38px;
+    bottom: 24px;
     left: 50%;
     margin-left: -60px;
 }

+ 22 - 16
src/js/newMenu/patentList.js

@@ -204,24 +204,22 @@ $(function () {
                     for (let i = 0; i < nub; i++) {
                         let thisdata = data.data.list[i];
                         theArrs.push(`
-                        <li>
-                            <a href="${globalConfig.context}/portal/service/patentDetail?id=${thisdata.id}">
-                                <div class="img serviceImg">
-									${thisdata.maxImgUrl&&thisdata.maxImgUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdata.maxImgUrl+'"/>':''}
+                        <li dataId="${thisdata.id}">
+                            <div class="img serviceImg">
+                                ${thisdata.maxImgUrl&&thisdata.maxImgUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdata.maxImgUrl+'"/>':''}
+                            </div>
+                            <div class="txtIntroduce">
+                                <div class="txts">
+                                    <h5>${thisdata.name}</h5>
                                 </div>
-                                <div class="txtIntroduce">
-                                    <div class="txts">
-                                        <h5>${thisdata.name}</h5>
-                                    </div>
-                                    <div class="btnTxt">
-                                         <p>
-                                            <span class="companyImg"></span>
-                                            <a href="javascript:(0)" class="companyName">${thisdata.companyName}</a>
-                                            <span class="number">销量 : ${thisdata.dealCount?thisdata.dealCount:0}</span>
-                                         </p>
-                                    </div>
+                                <div class="btnTxt">
+                                        <p>
+                                        <span class="companyImg"></span>
+                                        <a href="javascript:(0)" class="companyName">${thisdata.companyName}</a>
+                                        <span class="number">销量 : ${thisdata.dealCount?thisdata.dealCount:0}</span>
+                                        </p>
                                 </div>
-                            </a>
+                            </div>
                         </li>
                         `);
                     };
@@ -261,9 +259,17 @@ $(function () {
                 };
                 $('.pageNumber').remove();
                 $('.pagePre').after(pageArr.join(''));
+                urlDetaile();
             }
         });
     }
+    //详情跳转
+    function urlDetaile(){
+        $('.achievementHot ul li').click(function(){
+            let ids = $(this).attr('dataId');
+            window.location.href=globalConfig.context+'/portal/service/patentDetail?id='+ids;
+        })
+    };
     //时间转换
     function formatDuring(mss) {
         var days = parseInt(mss / (1000 * 60 * 60 * 24));

+ 11 - 4
src/js/newMenu/serviceList.js

@@ -189,9 +189,9 @@ $(function () {
                         let thisdata = data.data.list[i],
                              news = formatDuring(times)-formatDuring(thisdata.releaseDate);
                              var introd=thisdata.introduce?(thisdata.introduce).replace(/<\/?.+?>/g,""):thisdata.introduce;
+                           //  <a href="${globalConfig.context}/portal/service/serviceDetail?id=${thisdata.id?thisdata.id:''}">
                         theArrs.push(`
-                        <li>
-                            <a href="${globalConfig.context}/portal/service/serviceDetail?id=${thisdata.id?thisdata.id:''}">
+                        <li dataId="${thisdata.id}">
                                 <div class="img serviceImg">
 									${thisdata.maxImgUrl&&thisdata.maxImgUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdata.maxImgUrl+'"/>':''}
                                     <span style="display:${news>7?'none':'block'}"></span>
@@ -201,11 +201,10 @@ $(function () {
                                         <h5>${thisdata.name}</h5>
                                     </div>
                                     <div class="btnTxts">
-                                        <a href="javascript:(0)" class="companyName"><span class="glyphicon glyphicon-user"></span>${thisdata.companyName}</a>
+                                        <a href="javascript:(0)" class="companyName"><span class="glyphicon glyphicon-user"></span>${thisdata.companyName?thisdata.companyName:''}</a>
                                         <span class="number">销量 : ${thisdata.dealCount?thisdata.dealCount:0}</span>
                                     </div> 
                                 </div>
-                            </a>
                         </li>`);
                     };
                 };
@@ -245,9 +244,17 @@ $(function () {
                 };
                 $('.pageNumber').remove();
                 $('.pagePre').after(pageArr.join(''));
+                urlDetaile();
             }
         });
     }
+    //跳转详情函数
+    function urlDetaile(){
+        $('.hotList li').click(function(){
+            let idUrl = $(this).attr('dataId');
+            window.location.href=globalConfig.context+'/portal/service/serviceDetail?id='+idUrl;
+        })
+    }
     //时间转换
     function formatDuring(mss) {
         var days = parseInt(mss / (1000 * 60 * 60 * 24));

+ 2 - 2
webpack.config.js

@@ -390,7 +390,7 @@ module.exports = (function () {
         }));
     }
 
-    let staticHost = 'http://192.168.0.190';
+    let staticHost = 'http://192.168.0.188';
     switch (argv.env.deploy) {
         case 'test':
             staticHost = 'http://statics.jishutao.com';
@@ -422,7 +422,7 @@ module.exports = (function () {
         plugins: plugins,
         devServer: {
             disableHostCheck: true,
-            host: '192.168.0.190',
+            host: '192.168.0.188',
             port: 80,
             allowedHosts: ['192.168.0.190', '192.168.0.99', '192.168.0.20'],
             headers: {

+ 34 - 34
webpack/entry.config.js

@@ -39,141 +39,141 @@ module.exports = {
         'newMenu/adviser': './src/js/newMenu/adviser.js',
     },
     watch: {
-        'index': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'index': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/index.js'
         ],
-        'search': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'search': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/search.js'
         ],
-         'aboutUs': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+         'aboutUs': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/aboutUs.js'
         ],
-        'contactUs': ['webpack-dev-server/client?http://192.168.0.190',
+        'contactUs': ['webpack-dev-server/client?http://192.168.0.188',
             'webpack/hot/only-dev-server',
             './src/js/contactUs.js'
         ],
-        'register': ['webpack-dev-server/client?http://192.168.0.190',
+        'register': ['webpack-dev-server/client?http://192.168.0.188',
             'webpack/hot/only-dev-server',
             './src/js/register.js'
         ],
-        'thinkTank': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'thinkTank': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank.js'
         ],
-        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/achievementDetail.js'
         ],
-        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demandDetail.js'
         ],
-        'thinkTank/policyDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'thinkTank/policyDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/policyDetail.js'
         ],
-        'thinkTank/thinkerDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'thinkTank/thinkerDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/thinkerDetail.js'
         ],
-        'thinkTank/policyList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'thinkTank/policyList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/policyList.js'
         ],
         // newsApp 
-        'news/newsDetailApp': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'news/newsDetailApp': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/newsDetailApp.js'
         ],
-        'news/appCognizance': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'news/appCognizance': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/appCognizance.js'
         ],
-        'news/agreement': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'news/agreement': ['webpack-dev-server/client?http://192.168.0.188', // 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.0.190', // WebpackDevServer host and port
+        'newMenu/demand': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/demand.js'
         ],
-        'newMenu/achievement': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/achievement': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/achievement.js'
         ],
-        'newMenu/achievementList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/achievementList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/achievementList.js'
         ],
-        'newMenu/demandList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/demandList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/demandList.js'
         ],
-        'newMenu/services': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/services': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/services.js'
         ],
-        'newMenu/serviceList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/serviceList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/serviceList.js'
         ],
-        'newMenu/serviceDetails': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/serviceDetails': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/serviceDetails.js'
         ],
-        'newMenu/shopList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/shopList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/shopList.js'
         ],
-        'newMenu/patentList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/patentList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/patentList.js'
         ],
-        'newMenu/tradingIndex': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/tradingIndex': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/tradingIndex.js'
         ],
-        'newMenu/patent': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/patent': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/patent.js'
         ],
-        'newMenu/companyProfile': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/companyProfile': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/companyProfile.js'
         ],
-        'newMenu/continueHigh': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/continueHigh': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/continueHigh.js'
         ],
-        'newMenu/practicalPatent': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/practicalPatent': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/continueHigh.js'
         ],
-        'newMenu/militaryProject': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/militaryProject': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/continueHigh.js'
         ],
-        'newMenu/safeguarding': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/safeguarding': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/safeguarding.js'
         ],
-        'evaluation/evaluate': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'evaluation/evaluate': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/evaluate.js'
         ],
-        'newMenu/adviserList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/adviserList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/adviserList.js'
         ],
-        'newMenu/adviserDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/adviserDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/adviserDetail.js'
         ],
-        'newMenu/adviser': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/adviser': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/adviser.js'
         ],