vue-print-nb打印页眉距离顶部的高度

vue-print-nb是一个Vue.js的打印插件，用于在网页中生成可打印的PDF文件。它提供了一些配置选项，可以自定义打印页面的样式和内容。

要设置打印页眉距离顶部的高度，可以使用vue-print-nb插件提供的`header`选项。在该选项中，可以设置一个自定义的HTML模板作为打印页面的页眉内容，并通过CSS样式来控制页眉的位置。

以下是一个示例代码，展示如何设置打印页眉距离顶部的高度：

<template>
  <div>
    <vue-print-nb ref="print" :header="headerTemplate">
      <!-- 打印内容 -->
    </vue-print-nb>
  </div>
</template>

<script>
import VuePrintNB from 'vue-print-nb';

export default {
  components: {
    VuePrintNB,
  },
  data() {
    return {
      headerTemplate: `
        <div style="height: 50px; margin-top: 20px;">
          <!-- 页眉内容 -->
        </div>
      `,
    };
  },
  methods: {
    print() {
      this.$refs.print.print();
    },
  },
};
</script>

在上述代码中，我们通过`headerTemplate`变量设置了一个自定义的HTML模板作为打印页面的页眉内容。在该模板中，我们使用了一个`<div>`元素来表示页眉，并通过CSS样式设置了高度为50px，距离顶部的距离为20px。

你可以根据实际需求调整`headerTemplate`中的HTML和CSS样式，以达到你想要的打印页眉距离顶部的高度。