摘要：构建设计器（设计器是打印设计的画布，将上述可拖拽的元素拖入到设计器中即可进行打印模板的设计） 1.编写设计器html <div class="flex-5 center"> <!-- 设计器的 容器 --> <div id="hiprint-printTemplate"></div> </div> 阅读全文

摘要：1.编写可拖拽元素的html（defaultElementTypeProvider默认模块） <!-- 样式完全自定义 --> <div class="flex-row justify-center flex-wrap"> <div class="title">基础元素</div> <div cla 阅读全文

摘要：1.安装 通过输入命令安装vue-plugin-hiprint插件 npm i vue-plugin-hiprint 2.引入css打印样式 ①从node_modules/vue-plugin-hiprint/dist/目录下复制一份print-lock.css到静态资源目录public下 ②在 p 阅读全文

摘要：1.模板对象：模板是支持多面板的，一个面板可以理解成就是一张A4纸。 多面板，就是设计多张纸的打印内容。 1 // 模板json对象, 这是个对象 2 var template = { 3 panels: [ // 面板数组 4 { // 面板对象 5 index: 0, 6 name: "面板的名 阅读全文