【前端】ikun-qrcode:极简的二维码生成组件,使用view而非canvas避免层级问题

文章目录

    • 背景
    • ikun-qrcode
    • 界面效果
    • 如何发布一款自己的插件到uniapp市场。(5分钟搞定)

背景

之前在uniapp上100行搞定二维码生成, 现在封装为vue组件分享出来:
下载地址: https://ext.dcloud.net.cn/plugin?id=19351

ikun-qrcode

使用基础的view渲染二维码,需要给定宽高和单位和数据:
uniapp默认整体宽度是750rpx。

<ikun-qrcode 
    width="400"
    height="400"
    unit="rpx"
    :data="绑定一个字符串变量"
/>

界面效果

【前端】ikun-qrcode:极简的二维码生成组件,使用view而非canvas避免层级问题_第1张图片

如何发布一款自己的插件到uniapp市场。(5分钟搞定)

  • 新建项目
  • 初始化uni_modules目录
  • 新建插件
    【前端】ikun-qrcode:极简的二维码生成组件,使用view而非canvas避免层级问题_第2张图片
  • 编写代码加测试完成后
  • 发布插件
    【前端】ikun-qrcode:极简的二维码生成组件,使用view而非canvas避免层级问题_第3张图片
  • 填写表单后提交即可。

你可能感兴趣的:(前端)