更新记录

1.0.0.1（2025-08-23） 下载此版本

优化

1.0.0（2025-08-23） 下载此版本

初始化

平台兼容性

云端兼容性

uni-app(4.07)

iasei-esc-printer

组件介绍

本组件是BLE蓝牙 esc 58mm小票打印组件，支持打印文字、分割线、二维码、条形码，支持连接蓝牙、模块化布局和小票预览。如果需要打印其它宽度的的小票，可以查看iasei-esc-printer代码，根据需要修改。

iasei-esc-printer 暴露方法

iasei-esc-printer 插槽

布局组件

iasei-esc-text 文字组件

属性说明

iasei-esc-line 分割线

属性说明

iasei-esc-between 两边文字

属性说明

iasei-esc-qrcode 二维码

属性说明

iasei-esc-barcode 条形码

属性说明

使用方式

<template>
  <view class="content">
    <image class="logo" src="/static/logo.png"></image>
    <button @click="handlePrint">打印小票</button>
    <iasei-esc-printer ref="printer">
      <iasei-esc-text size="2" align="ct" :bold="true" text="标题"></iasei-esc-text>
      <iasei-esc-line separator="*"></iasei-esc-line>
      <iasei-esc-text :text="'文字文字文文字文文字文文字文文字文字文字文字' + item" v-for="item in 5" :key="item"></iasei-esc-text>

      <iasei-esc-line separator="-" text="-"></iasei-esc-line>
      <iasei-esc-line align="lt" separator="-" text="左左"></iasei-esc-line>
      <iasei-esc-line align="rt" separator="-" text="右右"></iasei-esc-line>
      <iasei-esc-line align="ct" separator="-" text="中中"></iasei-esc-line>

      <iasei-esc-line separator="-" text=" "></iasei-esc-line>

      <iasei-esc-between text-l="左左" text-r="右右"></iasei-esc-between>
      <iasei-esc-between text-l="左左" text-r="右右"></iasei-esc-between>
      <iasei-esc-between text-l="左左" text-r="右右"></iasei-esc-between>

      <iasei-esc-line separator="-" text=""></iasei-esc-line>

      <iasei-esc-qrcode text="https://www.baidu.com"></iasei-esc-qrcode>
      <iasei-esc-line separator="-" text=""></iasei-esc-line>
      <iasei-esc-barcode text="1234567"></iasei-esc-barcode>
      <iasei-esc-line separator=" " text=""></iasei-esc-line>
      <iasei-esc-line separator=" " text=""></iasei-esc-line>
      <iasei-esc-line separator=" " text=""></iasei-esc-line>
    </iasei-esc-printer>
  </view>
</template>

<script>

export default {
  components: {
  },
  data() {
    return {
      show: true,
      title: "Hello",
    };
  },
  onLoad() {

  },
  methods: {
      handlePrint(){
          this.$refs.printer.open();
      }
  },
};
</script>

<style lang="scss" scoped>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  height: 200rpx;
  width: 200rpx;
  margin-top: 200rpx;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50rpx;
}

.text-area {
  display: flex;
  justify-content: center;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>