更新记录
1.1.0(2025-01-09) 下载此版本
Bug Fixes
- 修复打包产物packge.json中repository,方便上传uniapp插件库 (02adc16)
Features
- 新增H5端保存图片 (4d646ef)
Performance Improvements
- 新增开发模式调试 (45d3161)
1.0.4(2025-01-07) 下载此版本
修复dist包中版本号的问题
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | √ | √ | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
u-barcode
uniapp条形码组件,利用jsbarcode改造
API
属性:
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| show | 是否展示输出 | boolean | true |
| cid | 组件canvasId | string | 'u-barcode-canvas' |
| width | 条形码宽度,同jsbarcode | number | 2 |
| height | 条形码高度,同jsbarcode | number | 100 |
| unit | 宽高单位 | string | 'px'(目前支持rpx) |
| val | 条形码内容,同jsbarcode的text | string | '' |
| outputImage | 是否生成base64图片 | boolean | false |
| format | 条形码格式,同jsbarcode | string | 'CODE128' |
| options | 其他参数,参照jsbarcode | object | {} |
事件:
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| result | 获取base64图片数据 | (base64) => void |
方法:
| 方法名称 | 描述 |
|---|---|
| makeCode(val: string, otherOptions: object) | 生成条形码(这里会覆盖props的里面的参数) |
| clearCode() | 清空条形码 |
| saveCode({fileName: string}) | 非H5端将条形码图片保存到系统相册,H5端下载图片(fileName适用于H5端) |
调试
cd ./example
pnpm i
pnpm run dev:h5
构建
pnpm i
pnpm run build

收藏人数:
https://github.com/xiezhenghua123/u-barcode.git
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 496
赞赏 0
下载 11741015
赞赏 1818
赞赏
京公网安备:11010802035340号