/**
* @Author Sean
* @Date 2019/4/29
*/
<template>
    <h-view class="public-style" style="height: 100%">
        <h-content>
          <div class="logo-bg">
            <div class="logo-pad">
              <div><img src="../../../../../assets/qixinbao/dollar.png" alt="head" class="logo"></div>
              <div class="logo-name">一种数据处理方法及装置</div>
            </div>
          </div>
          <list-item>
            <item>
              <div slot="name">申请号:</div>
              <div slot="content" class="fontColor">2016112383969</div>
            </item>
            <item>
              <div slot="name">申请日:</div>
              <div slot="content" class="fontColor">2016.12.28</div>
            </item>
            <item>
              <div slot="name">授权公布号:</div>
              <div slot="content" class="fontColor">CN106843813A</div>
            </item>
            <item>
              <div slot="name">授权公布日:</div>
              <div slot="content" class="fontColor">2017.06.13</div>
            </item>
          </list-item>
          <list-item>
            <item>
              <div slot="name">申请人:</div>
              <div slot="content" class="fontColor">华为技术有限公司</div>
            </item>
            <item>
              <div slot="name">发明人:</div>
              <div slot="content" class="fontColor">京兆伦；廖瑄俊；高野</div>
            </item>
            <item>
              <div slot="name">专利类型:</div>
              <div slot="content" class="fontColor">发明公布</div>
            </item>
            <item>
              <div slot="name">分类号:</div>
              <div slot="content" class="fontColor">G06F9/38(2006.3)</div>
            </item>
            <item>
              <div slot="name">专利代理机构:</div>
              <div slot="content" class="fontColor">北京同达信恒知识产权代理有限公司</div>
            </item>
            <item>
              <div slot="name">代理人:</div>
              <div slot="content" class="fontColor">冯艳莲</div>
            </item>
            <item>
              <div slot="name">详细信息:</div>
              <div slot="content" class="fontColor">华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司华为技术有限公司</div>
            </item>
          </list-item>
        </h-content>
    </h-view>
</template>

<script>
    export default {
        data() {
            return {}
        },
        created: function () {
        },
        mounted: function () {
        },
        updated: function () {
        },
        destroyed: function () {
        },
        methods: {}
    }
</script>

<style scoped lang="less" rel="stylesheet">
    .public-style {
        .content {
          .logo-bg {
            width: 100%;
            height: 60px;
            background-size: cover;
            background-position-y: -143px;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            .logo-pad {
              width: 100%;
              height: 50px;
              border-radius: 50%;
              background-color: white;
              display: -webkit-flex;
              display: flex;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-align-items: center;
              align-items: center;
              flex-wrap: wrap;
              -webkit-flex-wrap: wrap;
              .logo {
                width: 25px;
                //width: 20%;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
              }
              .logo-name{
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
                width: 100%;
                margin-top: 2px;
                color: #333333;
                font-size: 15px;
              }
            }
          }
          .fontColor{
            color: #9D9D9D;
          }
        }
    }
</style>
