UNI-APP集成蓝畅打印插件

1. 将插件压缩包解压，拷贝到项目的 nativeplugins 目录下。

2. 在 HBuilder 中打开 mainfest.json，进入“App 原生插件配置”，选择本地插

件，勾选添加插件列表中的 LcPrinter 插件

3、插件使用demo

<template><div><button type="primary" @click="initPrinter">初始化打印</button><button type="primary" @click="closePrinter">关闭打印</button><button type="primary" @click="printerText">打印小票</button><button type="primary" @click="printerLabel">测试打印</button><button type="primary" @click="printLabel">打印标签</button></div>
</template><script>const printer = uni.requireNativePlugin('LcPrinter');const modal = uni.requireNativePlugin('modal');var globalEvent = uni.requireNativePlugin('globalEvent');export default {data() {return {};},onLoad: function() {// 添加打印状态监听globalEvent.addEventListener('onPrintCallback', function(e) {uni.showToast({title: 'state: ' + JSON.stringify(e),duration: 2000});if (e.key == 0) {uni.showToast({title: '打印成功',duration: 2000});} else if (e.key == 3) {uni.showToast({title: '缺纸',duration: 2000});}});//打印机版本获取回调globalEvent.addEventListener('onVersion', function(e) {uni.showToast({title: 'version: ' + JSON.stringify(e),duration: 2000});});globalEvent.addEventListener('getsupportprint', function(e) {console.log('key: ' + JSON.stringify(e));uni.showToast({title: 'key: ' + JSON.stringify(e),duration: 2000});});},created: function(option) {},onHide: function() {},destroyed: function() {},methods: {initPrinter() {// 调用异步方法console.log('初始化');var ret = printer.initPrinter({});modal.toast({message: ret,duration: 1.5});printer.printEnableMark({enable: false});printer.setConcentration({ //设置打印浓度。font_level 取值范围：1~39。level: 39});printer.setLineSpacing({spacing: 1});printer.getsupportprint();},closePrinter() {// 调用同步方法console.log('关闭');printer.closePrinter();},printerLabel() {console.log('测试打印');printer.setFontSize({ //设置字体大小fontSize: 0});printer.setTextBold({ //设置字体是否加粗bold: true});printer.printText({content: '垃圾收运小票凭证'});printer.printLine({ //走纸 1 行line_length: 1});printer.printText({content: 'asdads'});printer.printLine({ //走纸 1 行line_length: 1});console.log('测试打印QR');printer.printQR({text: 'title',height: 400,offset: 1});printer.printLine({ //走纸 1 行line_length: 2});printer.start();console.log('测试打印QR结束');},printerText() {console.log('打印');printer.setFontSize({fontSize: 0});printer.setTextBold({bold: true});printer.printText({content: '这是一张测试小票'});printer.setTextBold({bold: false});printer.printLine({line_length: 1});printer.printText({content: 'commodity'});printer.printLine({line_length: 1});printer.printText({content: 'Quantity'});printer.printLine({line_length: 1});printer.printText({content: 'unit price'});printer.printLine({line_length: 1});printer.printBarcode({text: '123456',height: 80,barcodeType: 73});printer.printLine({line_length: 1});printer.printQR({text: '1234456',});printer.printLine({line_length: 2});printer.start();},printLabel() {printer.printBarcode({text: 1234567890123456789,height: 80,barcodeType: 73})printer.printLine({line_length: 5});printer.printGoToNextMark();}}};
</script><style></style>

UNI-APP集成蓝畅打印插件相关推荐

Java集成流行的打印插件lodop
最近做了一个项目,里面涉及了打印的问题,小编就拿出来给大家分享一下,现在jquery库里面的打印都是使用window.print()进行页面的打印还有一些不知名的插件,这些打印有很多的问题,同时也会加 ...
uni app push 集成小米
重新设置厂商推送设置后,需要重新制作自定义基座,包括添加和修改厂商推送设置用自定义的基座打包好测试包,安装到手机上. 先测试小米后台是否能推送成功推送后,手机就能接受到消息了再看java代 ...
vue中打印插件vue-print-nb(一)——基本示例
vue中打印插件vue-print-nb(一)--基本示例 npm地址:https://www.npmjs.com/package/vue-print-nb 下载print.js地址:https:// ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
简单易用的JQuery网页内容打印插件——jQuery.print.js
1. 官方网址下载jQuery.print.js.配置参数介绍.官方Demo 2. 简介: jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件.该网页打印插件可以打印指定 ...
uni app 自动化索引列表
uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...
HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
uni app 手机端导航栏自定义
uni app 手机端导航栏自定义第一步:明确顶部导航栏的构成(手机自带的顶部菜单+开发的顶部菜单栏) 获取手机自带的顶部导航栏 <view class="navigation_ba ...

UNI-APP集成蓝畅打印插件

UNI-APP集成蓝畅打印插件相关推荐

最新文章

热门文章