gs_nuxt/components/FootBar.vue

<template>
<div>
  <el-container>
    <el-main style="padding: 0">
      <el-row style="margin-top: 10px">
        <el-col :span="18" offset="3">
          <el-divider></el-divider>
<!--          <el-row>
            <el-col :span="6" style="text-align: center">
              <span>关于机构</span><br>
              <span>关于我们</span><br>
              <span>人员图片</span><br>
            </el-col>
            <el-col :span="6" style="text-align: center">
              <span>动态新闻</span><br>
              <span>新闻发布</span><br>
              <span>新闻专题</span><br>
            </el-col>
            <el-col :span="6" style="text-align: center">
              <span>产品服务</span><br>
              <span>服务专题</span><br>
              <span>便民服务</span><br>
            </el-col>
            <el-col :span="6" style="text-align: center">
              <span>研究成果</span><br>
              <span>研究专题</span><br>
              <span>研究表明</span><br>
            </el-col>


          </el-row>-->
          <el-row style="margin: 25px">
            <el-col :span="6" style="text-align: center">
              <span><strong>关于机构</strong></span><br>
              <span>关于我们</span><br>
              <span>人员图片</span><br>
            </el-col>
            <el-col :span="6" style="text-align: center">
              <span><strong>动态新闻</strong></span><br>
              <span>新闻发布</span><br>
              <span>新闻专题</span><br>
            </el-col>
            <el-col :span="6" style="text-align: center">
              <span><strong>产品服务</strong></span><br>
              <span>服务专题</span><br>
              <span>便民服务</span><br>
            </el-col>
            <el-col :span="6" style="text-align: center">
              <span><strong>研究成果</strong></span><br>
              <span>研究专题</span><br>
              <span>研究表明</span><br>
            </el-col>
          </el-row>
<!--          <el-divider></el-divider>-->
          <el-row>
            <el-col :span="13" style="padding-left: 30px">
              <img style="max-height: 55px" src="/img/lt_logo.png" alt="">
              <br>
              <span>关于机构</span>   <el-divider direction="vertical"></el-divider>
              <span>动态新闻</span>   <el-divider direction="vertical"></el-divider>
              <span>服务产品</span>   <el-divider direction="vertical"></el-divider>
              <span>研究成果</span>   <el-divider direction="vertical"></el-divider>
              <span>数据发布</span>   <el-divider direction="vertical"></el-divider>
              <span>典型案例</span>  <el-divider direction="vertical"></el-divider>
              <span>中关村论坛</span>
            </el-col>
            <el-col :span="11">
              <el-row>
<!--                <el-col :span="24" ><span>扫码关注</span></el-col>-->
                <el-col :span="8" style="text-align: center">
                  <img style="max-height: 100px" src="/img/erwei.jpg" alt="">
                </el-col>
                <el-col :span="16" style="text-align: left">
                  <span>扫描关注微信</span><br>
                  <span>电话：010-60306792</span><br>
                  <span>邮箱：396140986@qq.com</span><br>
                  <span>地址：北京市天星街甲1号院8号楼12层</span>

                </el-col>

              </el-row>
            </el-col>
            <el-col :span="24" style="margin-top: 15px; text-align: center">
              中关村新时代公共资源市场化配置促进中心版权所有Copyright © 2016 All Rights Reserved. <br>
              <a style="text-decoration: none;" href="https://beian.miit.gov.cn/" target="_blank">京ICP备19021110号-1</a>
            </el-col>
          </el-row>
        </el-col>
      </el-row>


    </el-main>

  </el-container>


</div>
</template>

<script>
export default {
  name: "FootBar"
}
</script>