/**
* @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">23580104</div>
            </item>
            <item>
              <div slot="name">商标类型:</div>
              <div slot="content" class="fontColor">9-科学仪器</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">2017-04-19</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>
            <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">0条公告</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>
