guhongwei 3 years ago
parent
commit
752f43877f
1 changed files with 233 additions and 0 deletions
  1. 233 0
      src/views/patent_1.vue

+ 233 - 0
src/views/patent_1.vue

@@ -0,0 +1,233 @@
+<template>
+  <div id="patent">
+    <van-row>
+      <van-col span="24" class="main">
+        <div class="w_1200">
+          <van-col span="24" class="one">
+            <van-col span="24" class="one_1"> 吉林省专利市场简介 </van-col>
+            <van-col span="24" class="one_2">
+              <van-col span="24" class="two_1">
+                <p>
+                  吉林省科技大市场专利分市场2019年6月由吉林省技术产权交易中心批复建设,由吉林省科企技术转移转化研究院有限责任公司与吉林省科技大市场和长春新区科技局联合共建。
+                </p>
+                <el-image :src="img_one" class="image"></el-image>
+              </van-col>
+              <van-col span="24" class="two_2">
+                <van-col span="24" class="txt">“吉林专利市场”公众号</van-col>
+                <van-col span="24" class="info">
+                  <van-col span="16" class="info_1">
+                    整合利用省内优势文献信息资源,建设“吉林专利市场”公众号,打造权威专利信息平台和特色专利数据库,嵌入政策资讯、法律法规、研究报告数据库模块,助力提升专利信息分析利用能力。联合省内现有专利平台和服务机构,建设专利超市,开展专利检索、专利转让、专利需求和专利导航服务。
+                  </van-col>
+                  <van-col span="8" class="image">
+                    <el-image :src="img_two" class="images"></el-image>
+                  </van-col>
+                </van-col>
+              </van-col>
+              <van-col span="24" class="two_3">
+                <van-col span="24" class="txt">“e 专利”平台</van-col>
+                <van-col span="24" class="info">
+                  <van-col span="10" class="info_1">
+                    以吉林省发明和科技评价协会为支撑,搭建吉林省“e专利”平台,完善发明人和发明专利数据库,以统一开放的技术交易平台为纽带,以项目承担单位的信息资源和专家人才为依托,加强专利成果供给与转化应用,
+                  </van-col>
+                  <van-col span="14" class="image">
+                    <el-image :src="img_thr" class="images"></el-image>
+                  </van-col>
+                  <van-col span="24" class="info_2">
+                    形成紧密互动的专利技术转移网络,构建吉林省科技大市场专利分市场信息基础,嵌入吉林省科技大市场网上市场功能,打造全省发明专利专门交易平台。
+                  </van-col>
+                </van-col>
+              </van-col>
+              <van-col span="24" class="two_4">
+                <el-image :src="img_four" class="image"></el-image>
+              </van-col>
+            </van-col>
+          </van-col>
+        </div>
+      </van-col>
+    </van-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'patent',
+  props: {},
+  components: {},
+  data: function () {
+    return {
+      img_one: require('@a/patent_1.png'),
+      img_two: require('@a/patent_2.png'),
+      img_thr: require('@a/patent_3.png'),
+      img_four: require('@a/patent_4.png'),
+    };
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  max-width: 1000px;
+  margin: 0 auto;
+}
+.main {
+  padding: 3% 0;
+  .one {
+    .one_1 {
+      font-size: 30px;
+      font-weight: bold;
+      text-align: center;
+      margin: 0 0 20px 0;
+      font-family: 'Courier New', Courier, monospace;
+    }
+    .one_2 {
+      padding: 4% 10%;
+      border-radius: 5px;
+      box-shadow: 0 0 0 1px #ccc;
+      .two_1 {
+        margin: 0 0 20px 0;
+        text-align: center;
+        p {
+          font-size: 20px;
+          text-align: left;
+          margin: 0 0 10px 0;
+          font-family: '宋体';
+          line-height: 40px;
+          text-indent: 2rem;
+          letter-spacing: 5px;
+        }
+        .image {
+          width: 75%;
+          border-radius: 5px;
+        }
+      }
+      .two_2 {
+        margin: 0 0 20px 0;
+        .txt {
+          font-size: 20px;
+          text-align: left;
+          margin: 0 0 10px 0;
+          font-family: '宋体';
+          line-height: 40px;
+          text-indent: 2rem;
+          font-weight: bold;
+        }
+        .info {
+          .info_1 {
+            font-size: 20px;
+            text-align: left;
+            font-family: '宋体';
+            line-height: 40px;
+            text-indent: 2rem;
+            letter-spacing: 5px;
+          }
+          .image {
+            text-align: center;
+            .images {
+              width: 100%;
+              border-radius: 5px;
+            }
+          }
+        }
+      }
+      .two_3 {
+        margin: 0 0 20px 0;
+        .txt {
+          font-size: 20px;
+          text-align: left;
+          margin: 0 0 10px 0;
+          font-family: '宋体';
+          line-height: 40px;
+          text-indent: 2rem;
+          font-weight: bold;
+        }
+        .info {
+          .info_1 {
+            font-size: 20px;
+            text-align: left;
+            font-family: '宋体';
+            line-height: 40px;
+            text-indent: 2rem;
+            padding: 0 10px 0 0;
+            letter-spacing: 5px;
+          }
+          .image {
+            .images {
+              width: 100%;
+              height: 300px;
+              overflow: hidden;
+            }
+          }
+          .info_2 {
+            font-size: 20px;
+            text-align: left;
+            margin: 0 0 10px 0;
+            font-family: '宋体';
+            line-height: 40px;
+            padding: 0 10px 0 0;
+            letter-spacing: 5px;
+          }
+        }
+        // .txt {
+        //   font-size: 22px;
+        //   text-align: left;
+        //   font-family: cursive;
+        //   line-height: 45px;
+        //   p:nth-child(1) {
+        //     margin: 0 0 0 10px;
+        //     font-weight: bold;
+        //   }
+        //   p:nth-child(2) {
+        //     padding: 0 5px;
+        //     text-indent: 2rem;
+        //   }
+        // }
+        // .image {
+        //   text-align: center;
+        //   margin: 45px 0 0 0;
+        //   .images {
+        //     width: 500px;
+        //     height: 300px;
+        //     overflow: hidden;
+        //     border-radius: 5px;
+        //   }
+        // }
+        // .text {
+        //   font-size: 22px;
+        //   text-align: left;
+        //   margin: 0 0 10px 0;
+        //   font-family: cursive;
+        //   line-height: 45px;
+        //   p {
+        //     padding: 0 5px;
+        //   }
+        // }
+      }
+      .two_4 {
+        text-align: center;
+        .image {
+          width: 100%;
+          height: 400px;
+          overflow: hidden;
+          border-radius: 5px;
+        }
+      }
+    }
+  }
+}
+</style>