Mainp.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <p>推荐配置：</p>
    </c-col>
    <c-col :span="24">
      <c-col :span="6">
        <p>打印机驱动版本</p>
      </c-col>
      <c-col :span="6">
        <p>NatianPR-OK2</p>
      </c-col>
      <c-col :span="6">
        <p>操作系统：</p>
      </c-col>
      <c-col :span="6">
        <p>Windows7操作系统及以上</p>
      </c-col>
    </c-col>
    <c-col :span="24">
      <c-col :span="6">
        <p>浏览器：</p>
      </c-col>
      <c-col :span="6">
        <p>IE10及以上</p>
      </c-col>
      <c-col :span="6">
        <p>Excel版本：</p>
      </c-col>
      <c-col :span="6">
        <p>Excel2007及以上</p>
      </c-col>
    </c-col>
    <c-col :span="24">
      <p>最低配置：</p>
    </c-col>
    <c-col :span="24">
      <c-col :span="6">
        <p>打印机驱动版本：</p>
      </c-col>
      <c-col :span="6">
        <p>NatianPR-OK2</p>
      </c-col>
      <c-col :span="6">
        <p>操作系统：</p>
      </c-col>
      <c-col :span="6">
        <p>WindowsXP操作系统</p>
      </c-col>
    </c-col>
    <c-col :span="24">
      <c-col :span="6">
        <p>浏览器：</p>
      </c-col>
      <c-col :span="6">
        <p>IE8</p>
      </c-col>
      <c-col :span="6">
        <p>Excel版本：</p>
      </c-col>
      <c-col :span="6">
        <p>Excel2003</p>
      </c-col>
    </c-col>
    <c-col :span="24">
      <p>导入模板文件：</p>
    </c-col>
    <c-col :span="24">
      <c-col :span="8">
        <c-button class="c-btn-top c-btn-bottom" size="small" type="primary"> 涉外收入下载 </c-button>
      </c-col>
      <c-col :span="8">
        <c-button class="c-btn-top c-btn-bottom" size="small" type="primary"> 境外汇款下载 </c-button>
      </c-col>
      <c-col :span="8">
        <c-button class="c-btn-top c-btn-bottom" size="small" type="primary"> 对外付款承兑下载 </c-button>
      </c-col>
    </c-col>
    <c-col :span="24">
      <c-col :span="8">
        <c-button class="c-btn-bottom" size="small" type="primary"> 境内收入下载 </c-button>
      </c-col>
      <c-col :span="8">
        <c-button class="c-btn-bottom" size="small" type="primary"> 境内汇款下载 </c-button>
      </c-col>
      <c-col :span="8">
        <c-button class="c-btn-bottom" size="small" type="primary"> 境内付款承兑下载 </c-button>
      </c-col>
    </c-col>
    <c-col :span="24">
      <c-col :span="8">
        <c-button size="small" type="primary"> 导入文件说明下载 </c-button>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return {
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0,
      },
    };
  },
  created: function () {},
};
</script>
<style>
    .c-btn-top{
        margin-top: 10px;
        
    }
    .c-btn-bottom{
        margin-bottom: 20px;
    }
</style>