更新记录
1.0.6(2023-07-20)
修改说明
1.0.5(2023-07-20)
修改说明
1.0.4(2023-07-20)
修改说明
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.4.13 app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
healthy-print-img
说明
一款适用于app的低功耗蓝牙图片打印组件;
特性
兼容android和ios;仅支持ESC/POS指令;采用栅格位图方式打印;
demo
<healthy-print-img ref="printer" :src="src" width="576px" @getDevice="getDevice" @connect="connectHandler" @print="printHandler"></healthy-print-img>
Attribute
src
<!-- 图片的链接地址-->
src = '/static/img/xxx.jpg';
// src = 'https'
methods
search
// //开始搜索蓝牙设备;
this.$refs.printer.search();
stopSearch
// 停止搜索蓝牙设备;
this.$refs.printer.stopSearch();
connect
// 连接某个蓝牙设备;
this.$refs.printer.connect(object, boolean);
this.$refs.printer.connect(item, true);
// item: 蓝牙信息对象(由搜索蓝牙回调返回)
// boolean: 连接过程中是否展示loadding;
// 开始打印图片;
this.$refs.printer.print();
callback
getDevice
@getDevice="getDevice"
// 开始搜索蓝牙设备-search方法之后的回调;
//示例
[
{
name: '88AI',
deviceId: 'E8B19534-EEE4-2717-6E8F-D6F385896A6B'
}
]
connect
@connect="connectHandler"
// 开始连接蓝牙设备,connect方法之后的回调;
//示例
{
"isConnected": true, //蓝牙连接结果;
"deviceId": "E8B19534-EEE4-2717-6E8F-D6F385896A6B", //当前设备id;
"isConnectting": false //是否正在连接中;
}
@print="printHandler"
// 开始打印,print方法之后的回调;
// ***注:打印失败无回调;