const Topbar = {
  template: `
  
    <!-- S: Topbar -->
    <div class="header">
      <div class="inner clearfix">
        <h1 class="logo fl">
          <a href="/index.html" title="融链天下">融链天下</a>
        </h1>
        <div class="nav fl">
          <ul class="nav-list clearfix">
            <li class="nav-item">
              <a href="/index.html">首页</a>
            </li>
            <li class="nav-item">
              <a href="/views/products.html">产品及服务<span class="ico-arrow"></span></a>
              <div class="sub-menu sub-menu-product clearfix">
                <ul class="menu-list fl">
                  <li><strong>标准化产品</strong></li>
                  <li><a href="/views/rtms.html">运输管理平台</a></li>
                  <li><a href="/views/notruckCarrier.html">网络货运</a></li>
                  <li><a href="/views/cloudMap.html">位置云图</a></li>
                  <li><a href="/views/truckFreightMatch.html">车货匹配平台系统</a></li>
                  <li><a href="/views/truckSteward.html">车源管家</a></li>
                  <!-- <li><a href="/views/truckMaintance.html">货车维保通</a></li> -->
                </ul>
                <ul class="menu-list fl">
                  <li><strong>行业解决方案</strong></li>
                  <li><a href="/views/logisticsChain.html">物流供应链管理</a></li>
                  <li><a href="/views/consumerService.html">行车消费服务</a></li>
                  <li><a href="/views/groupManagement.html">集团统一管理</a></li>
                  <li><a href="/views/networkfreight.html">网络货运综合解决方案</a></li>
                  <li><a href="/views/refinedoilgovernance.html">
                                成品油综合治理平台
                                <sup  class="new-badge">new</sup>
                                 
                      </a>
                  </li>
                </ul>
                <ul class="menu-list fl">
                  <li><strong>定制化服务</strong></li>
                  <li><a href="/views/customize.html">咨询 · 定制 · 实施</a></li>
                  <li><a href="/views/customization.html">咨询定制实施综合解决方案</a></li>
                </ul>
              </div>
            </li>
            <li class="nav-item">
              <a href="/views/serviceSupport.html">服务支持<span class="ico-arrow"></span></a>
              <div class="sub-menu">
                <ul class="menu-list">
                  <li><a href="/views/serviceSupport.html">服务支持</a></li>
                  <li><a href="/views/faqAndDown.html">FAQ & 下载</a></li>
                </ul>
              </div>
            </li>
            <li class="nav-item">
              <a href="">合作伙伴<span class="ico-arrow"></span></a>
              <div class="sub-menu">
                <ul class="menu-list">
                  <li><a href="/views/investment.html">渠道加盟</a></li>
                  <li><a href="/views/partner.html">合作伙伴</a></li>
                </ul>
              </div>
            </li>
            <li class="nav-item">
              <a href="/views/about.html">关于我们<span class="ico-arrow"></span></a>
              <div class="sub-menu">
                <ul class="menu-list">
                  <li><a href="/views/about.html">公司简介</a></li>
                  <!-- <li><a href="/views/report.html">新闻动态</a></li> -->
                  <li><a href="/views/contact.html">联系我们</a></li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
        <!-- <div class="log-reg fr">
          <a :href="registerUrl" class="register">注册</a>
          <a :href="loginUrl" class="login">登录</a>
        </div> -->
      </div>
    </div>
    <!-- E: Topbar -->
    `,

    data() {
      return {
        registerUrl: 'rltx.com',
        loginUrl: 'rltx.com/login'
      };
    }
  };