liting2017 6 years ago
parent
commit
9d1aaae260

BIN
img/app/app_ass1.jpg


BIN
img/app/app_ass2.jpg


BIN
img/app/app_ass3.jpg


BIN
img/app/app_saf01.jpg


BIN
img/app/app_saf02.jpg


BIN
img/app/app_saf03.jpg


BIN
img/app/app_saf04.jpg


BIN
img/app/app_tru01.jpg


+ 86 - 0
src/css/newMenu/app/assessment.css

@@ -0,0 +1,86 @@
+*{
+    padding: 0;margin: 0;
+}
+body{
+    font-size: 12;
+    font-family: "微软雅黑"
+}
+p,h3{
+    padding: 0;
+    margin: 0
+}
+.header img{
+    width: 100%;
+}
+.header p{
+    padding:20px 35px 40px;
+    text-align: justify;
+    color: #666666;
+}
+.effect{
+    padding-top: 36px;
+    padding-bottom: 10px;
+    background: url(../../../../img/app/app_ass2.jpg)no-repeat;
+    background-size: 100% 100%;
+}
+.effect .container h3{
+    font-size: 16px;
+    text-align: right;
+    margin-right: 20px;
+    font-weight: 700;
+    color: #333333;
+    margin-bottom: 27px;
+}
+.effect .container .effectList{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    margin-bottom: 10px;
+}
+.effectList div{
+    padding: 7px;
+    width: 49%;
+    background: #fff;
+}
+.effectList div p{
+    font-size: 12px;
+    text-align: justify;
+    color: #666666;
+}
+.effectTxt{
+    width: 100%;
+    background: #fff;
+    padding: 7px;
+}
+.effectTxt p{
+    font-size: 12px;
+    color: #666666;
+    text-align: justify;
+}
+.bottom h3{
+    font-size: 16px;
+    color: #333333;
+    margin-top: 32px;
+    margin-bottom: 20px;
+    text-align: center;
+    font-weight: 700
+}
+.bottom img{
+    width: 100%;
+    margin-bottom: 50px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 53 - 0
src/css/newMenu/app/safeguardApp.css

@@ -0,0 +1,53 @@
+*{
+    padding: 0;margin: 0;
+}
+body{
+    font-size: 12;
+    font-family: "微软雅黑";
+    background: #eeeeee;
+}
+p,h3,h4{
+    padding: 0;
+    margin: 0
+}
+.header{
+    margin-bottom: 23px;
+}
+.header img{
+    width: 100%
+}
+.container img{
+    width: 100%
+}
+.picTxt{
+    width: 100%;
+    background: #ffffff;
+    padding: 10px 10px 14px;
+    margin-bottom: 20px;
+}
+.picTxt h3{
+    font-size: 17px;
+    color: #333333;
+    text-align: center;
+    font-weight: normal
+}
+.picTxt h4{
+    text-align: center;
+    font-weight: normal;
+    color: #666666;
+    font-size: 12px;
+    margin-top: 5px;
+    margin-bottom: 10px;
+}
+.picTxt p{
+    font-size: 12px;
+    color: #666666;
+    text-align: justify;
+    line-height: 20px
+}
+.picTxt h4 span{
+    color: #ff3333
+}
+.bottom{
+    margin-bottom: 60px;
+}

+ 61 - 0
src/css/newMenu/app/trusteeship.css

@@ -0,0 +1,61 @@
+*{
+    padding: 0;margin: 0;
+}
+body{
+    font-size: 12;
+    font-family: "微软雅黑"
+}
+p,h3{
+    padding: 0;
+    margin: 0
+}
+
+.header img{
+    width: 100%;
+}
+p{
+    text-align: justify;
+    font-size:13px;
+    color: #666666;
+}
+.imgTxt{
+    padding:28px 0;
+    margin-top:32px;
+    margin-bottom: 15px;
+   color: #666666
+}
+.imgTxt h3{
+    font-weight: 700;
+    font-size: 17px;
+    text-align: right;
+    margin-right: 50px;
+    margin-bottom: 10px
+}
+.imgTxt span{
+    display: inline-block;
+    width: 34px;
+    height: 2px;
+    background: #666666;
+    float: right;
+    margin-right: 50px;
+    margin-bottom: 10px;
+}
+.imgTxt p{
+    clear: both;
+    text-align: right;
+    font-size: 12px;
+    margin-right: 50px;
+    font-weight: 700
+}
+.imgTxt.blue{
+    background: #b4f0fc;
+}
+.bottom{
+    margin-bottom: 50px;
+}
+.imgTxt.red{
+    background: #fcc0b4;
+}
+.imgTxt.orange{
+    background: #fcf1b4;
+}

+ 10 - 1
src/css/newMenu/header.css

@@ -113,7 +113,10 @@
     border-color:#0289df; 
 }
 .header .blue{
-    color: #1997ec;
+    color: #ff570c;
+    font-weight: 700;
+    font-size: 18px;
+
 }
 /*2级导航*/
 .navHeader .nav ul li div{
@@ -514,6 +517,12 @@ input:focus{
 #LRfloater0{
     left: -150px!important;
 }
+#LRMINIBar{
+    bottom: -60px!important;
+}
+#LR-BUBBLE{
+    margin-bottom:-70px!important;
+}
 a[title]{
     position: absolute;
     top: -50px;

+ 3 - 0
src/css/newMenu/safeguarding.css

@@ -59,6 +59,9 @@
 .safeguardingBody li:last-child  .listTxt div img{
     margin-left: -28px;
 }
+.safeguardingBody li:last-child  .listImg {
+    margin-bottom: 0px;
+}
 .safeguardingBody li .listTxt .listTxtGrounp{
     width: 610px;
 }

+ 2 - 2
src/css/register.css

@@ -5,8 +5,8 @@ body{font:14px "simsun",Arial,Helvetica,sans-serif;width:100%;
     font-size:1.4rem;
 }
 body,h1,h2,h3,h4,h6,p,ul,ol,dl,dd{margin:0;padding:0;list-style:none;}
-a{color:#000;text-decoration:none;}
-a:hover{color:#000;text-decoration:none;}
+a{text-decoration:none;}
+a:hover{text-decoration:none;}
 .lf{float:left;}
 .rf{float:right;}
 .clear{clear:both;}

+ 2 - 0
src/js/newMenu/app/assessment.js

@@ -0,0 +1,2 @@
+import 'css/bootstrap.less';
+import 'css/newMenu/app/assessment.css';

+ 2 - 0
src/js/newMenu/app/safeguardApp.js

@@ -0,0 +1,2 @@
+import 'css/bootstrap.less';
+import 'css/newMenu/app/safeguardApp.css';

+ 2 - 0
src/js/newMenu/app/trusteeship.js

@@ -0,0 +1,2 @@
+import 'css/bootstrap.less';
+import 'css/newMenu/app/trusteeship.css';

+ 39 - 0
template/newMenu/app/assessment.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <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">
+    <link rel="stylesheet" href="../../../src/css/newMenu/app/assessment.css"> -->
+</head>
+<body>
+    <div class="header">
+        <img src="../../../img/app/app_ass1.jpg" alt="">
+        <p>
+            知识产权评估是指知识产权评估机构的注册资产评估师依据相关法律、法规和资产评估准则,对知识产权评估对象在评估基准日特定目的下的知识产权价值进行分析、估算并发表专业意见的行为和过程。
+        </p>
+    </div>
+    <div class="effect">
+        <div class="container">
+            <h3>知识产权价值评估作用</h3>
+            <div class="effectList">
+                <div>
+                    <p>抽资研,规划知识产权作价出资。作价入股,现知识产权经营企业化支持投标,满足招标方对注册资本要求。</p>
+                </div>
+                <div>
+                    <p>知产资本,资本化企业知识产权招商引资,发挥产业技术先进优势盘活知产,立即质押贷款.</p>
+                </div>
+            </div>
+            <div class="effectTxt">
+                <p>知产资本,资本化企业知识产权招商引资,发挥产业技术先进优势盘活知产,立即质押贷款</p>
+            </div>
+        </div>
+    </div>
+    <div class="bottom">
+        <h3>专利价值评估流程</h3>
+        <img src="../../../img/app/app_ass3.jpg" alt="">
+    </div>
+</body>
+</html>

+ 42 - 0
template/newMenu/app/safeguardApp.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <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">
+    <link rel="stylesheet" href="../../../src/css/newMenu/app/safeguardApp.css"> -->
+</head>
+<body>
+     <div class="header">
+         <img src="../../../img/app/app_saf01.jpg" alt="">
+     </div> 
+     <div class="container">
+         <img src="../../../img/app/app_saf02.jpg" alt="">
+         <div class="picTxt">
+            <h3>专利维权</h3>
+            <h4><span >Patent rights maintenance / </span>conception</h4>
+            <p>专利维权一般通过专利许可、地方科技局或知识产权举提起侵权请求查处对方侵权产品,以及最后通过法院诉讼.</p>
+            <p> 法院侵权诉讼过程一般是</p>
+            <p>法院侵权诉讼过程一般是:</p>
+            <p>1、给对方发送律师函,告知此产品已经申请专利;</p>
+            <p>2、收集证据,可以带公证员买产品或者网站上宣传的产品</p>
+            <p>3.向法院提交起诉书</p>
+            <p>4.应诉</p>
+        </div>
+        <img src="../../../img/app/app_saf03.jpg" alt="">
+        <div class="picTxt">
+           <h3>商标侵权</h3>
+           <h4><span >Trademark infringement  /</span>conception</h4>
+           <p>商标侵权是指:行为人未经商标权人许可,在相同或类似商品上使用与其注册商标相同或近似的商标,或者其他干涉、妨碍商标权人使用其注册商标,损害商标权人合法权益的其他行为。行为人销售明知或应知是假冒注册商标的商品,商标专用权被侵权的自然人或者法人在民事上有权要求侵权人停止侵害、消除影响、赔偿损失。</p>
+        </div>
+        <img src="../../../img/app/app_saf04.jpg" alt="">
+        <div class="picTxt bottom">
+           <h3>版权维权</h3>
+           <h4><span >Copyright protection  /</span>conception</h4>
+           <p>版权侵权主要是侵犯版权人的财产权利,比如未经版权人同意,擅自以发行、复制、出租、展览、广播、表演等形式利用版权人的作品或传播作品,或者使用作品而不支付版权费等。</p>
+       </div>
+     </div>  
+</body>
+</html>

+ 51 - 0
template/newMenu/app/trusteeship.html

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <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">
+    <link rel="stylesheet" href="../../../src/css/newMenu/app/trusteeship.css"> -->
+</head>
+<body>
+    <div class="header">
+        <img src="../../../img/app/app_tru01.jpg" alt="">
+        <div class="container">
+            <p>知识产权托管是一种服务模式,是基于知识产权的法律界定性和长期持有、非货币性、创造经济效益不稳定的无形资产特性,提出的一种新的服务模式。</p>
+        </div>
+    </div>
+    <div class="imgTxt blue">
+        <h3>四大阶段</h3>
+        <span></span>
+        <p>TRUSTEESHIP</p>
+    </div>
+    <div class="container">
+        <p>
+            1、初始阶段:加强知识产权相关的培训,提高企业领导及员工的知识产权意识,开展基本的制度建设,并开始有意识地形成知识产权。    
+        </p>
+        <p>2、初级阶段:加大知识产权创造及保护力度,形成大量的知识产权。</p>
+        <p>3、中级阶段:强调知识产权的立体化保护及运用,为企业创造更多的利润,其标志应当是通过知识产权为企业赢利,知识产权管理部门也从企业的花钱部门变为挣钱部门。</p>
+        <p>4、高级阶段:在前一阶段工作的基础上,进一步完善相关的管理机制和制度建设,大力加强企业的知识产权文化建设,形成健康的知识产权文化氛围。</p>
+    </div>
+    <div class="imgTxt red">
+        <h3>重要性</h3>
+        <span></span>
+        <p>IMPORTANCE</p>
+    </div>
+    <div class="container">
+        <p>1、企业通过专利检索获取最新的专利技术信息,避免重复研究</p>
+        <p>2、企业通过专利检索分析新产品新技术的市场情况</p>
+        <p>3、企业通过专利检索制定专利战略提供依据</p>
+    </div>
+    <div class="imgTxt orange">
+        <h3>好处</h3>
+        <span></span>
+        <p>BENEFIT</p>
+    </div>
+    <div class="container bottom">
+        <p>1、实现人才的合理配置,为企业提供专业的知识产权管理服务,减轻企业的人员负担。 </p>
+        <p>2、让企业更全面管理使用好自已无形资产,是一个帮助企业省钱、省心、省力的一个过程。</p>
+    </div>
+</body>
+</html>

+ 19 - 0
webpack.config.js

@@ -324,6 +324,25 @@ module.exports = (function () {
             filename: 'html/newMenu/safeguarding.html',
             template: './template/newMenu/safeguarding.html',
             chunks: ['newMenu/safeguarding', 'vendors']
+        }),
+        //app
+        new HtmlWebpackPlugin({
+            title: '评估',
+            filename: 'html/newMenu/app/assessment.html',
+            template: './template/newMenu/app/assessment.html',
+            chunks: ['newMenu/app/assessment', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '托管',
+            filename: 'html/newMenu/app/trusteeship.html',
+            template: './template/newMenu/app/trusteeship.html',
+            chunks: ['newMenu/app/trusteeship', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: 'app维权',
+            filename: 'html/newMenu/app/safeguardApp.html',
+            template: './template/newMenu/app/safeguardApp.html',
+            chunks: ['newMenu/app/safeguardApp', 'vendors']
         })
     ];
     if (!isDev) {

+ 17 - 1
webpack/entry.config.js

@@ -50,7 +50,11 @@ module.exports = {
         'newMenu/continueHighApp': './src/js/newMenu/continueHighApp.js',
         'newMenu/militaryProjectApp': './src/js/newMenu/continueHighApp.js',
         'newMenu/practicalPatentApp': './src/js/newMenu/continueHighApp.js',
-        'newMenu/safeguarding': './src/js/newMenu/safeguarding.js'
+        'newMenu/safeguarding': './src/js/newMenu/safeguarding.js',
+        //app
+        'newMenu/app/assessment': './src/js/newMenu/app/assessment.js',
+        'newMenu/app/trusteeship': './src/js/newMenu/app/trusteeship.js',
+        'newMenu/app/safeguardApp': './src/js/newMenu/app/safeguardApp.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
@@ -250,6 +254,18 @@ module.exports = {
         'newMenu/safeguarding': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
         'webpack/hot/only-dev-server',
         './src/js/newMenu/safeguarding.js'
+        ],
+        'newMenu/app/assessment': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/app/assessment.js'
+        ],
+        'newMenu/app/trusteeship': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/app/trusteeship.js'
+        ],
+        'newMenu/app/safeguardApp': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/app/safeguardApp.js'
         ]
     }
 };