基于vue开发的商品标签设计系统
English | 简体中文
Email:[email protected]
- 创建模板,将右侧组件拖入页面中间画板,即可创建打印元素。
- 支持插入模板变量功能,例如:${var}
- 设计好模板后,可以保存为图片进行打印,也可以点击上方”生成vue模板组件,按钮,将模板下载至本地,后续可以通过组件的形式使用该打印模板。
- 组件形式调用打印方式: 调用template的print方法,然后传入variables变量即可,注意variables对象的key要和模板中的变量名称一一对应。
- 更多请参考"使用手册"。
例如:
this.$refs.template.print({
variables: {
receiverAddress: 'value1',
barcodeValue: 'value2',
qrcodeValue: 'value3'
}
}),
- 开放更多可自定义的配置出口
- 修复缺陷,优化设计时的体验
支持生成vue打印组件,使用简单方便,搭配lodop便可实现一键打印
操作步骤:
- 设计好模板
- 点击design-ui顶部功能条中的"生成vue模板组件"将组件文件下载到本地
- 在对应的项目种引用该组件,然后调用该组件的print方法即可实现打印
1.组件化
2.拖拽式设计
3.可扩展
4.动态预览
4.另存为图片
5.模板保存
6.支持lodop快速预览与打印
7.动态生成打印组件,一键调用
git clone https://github.com/SXX19950910/manifest-design.git
cd manifest-design
npm i
npm run dev
npm run build
或者反馈至邮箱: [email protected]