0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

HarmonyOS应用开发—qrcode二维码生成

鸿蒙时代 来源:鸿蒙时代 作者:鸿蒙时代 2022-05-12 15:37 次阅读
HarmonyOS应用开发-qrcode二维码生成-开源基础软件社区

一.创建项目
二.示例代码

Hml代码:


TypeColor{{$item}}Background Color{{$item}}

Css代码:

.container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.txt {
    color: orangered;
}

Js代码:

export default {
    data: {
        qr_value:"这里是扫出的二维码内容",
        qr_type: 'rect',
        qr_size: '200px',
        qr_col: '#333',
        col_list: ['#87ceeb','#fa8072','#da70d6','#80ff00ff','#00ff00ff'],
        qr_bcol: '#f0ffff',
        bcol_list: ['#f0ffff','#ffffef','#d8bfd8']
    },
    setType(e) {
        if (e.checked) {
            this.qr_type = 'rect'
        } else {
            this.qr_type = 'circle'
        }
    },
    setColor(e) {
        this.qr_col = e.newValue
    },
    setColorB(e) {
        this.qr_bcol = e.newValue
    }
}

审核编辑:符乾江
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 应用开发
    +关注

    关注

    0

    文章

    58

    浏览量

    9370
  • HarmonyOS
    +关注

    关注

    79

    文章

    1977

    浏览量

    30258
收藏 人收藏

    评论

    相关推荐

    工业二维码器在电子制造业中的应用

    工业二维码器在电子制造业中的应用主要体现在以下几个方面:▲生产追溯管理工业二维码器通过对电子产品上的二维码进行快速扫描,实现了高效、
    的头像 发表于 11-13 16:19 201次阅读
    工业<b class='flag-5'>二维码</b>读<b class='flag-5'>码</b>器在电子制造业中的应用

    二维码识读设备有哪些类型

    随着二维码应用的日益普及,各类二维码识读设备也应运而生。这些设备不仅极大地方便了我们的日常生活,也为企业提供了更加高效便捷的服务。那么,你知道二维码识读设备都有哪些类型吗?让我们一起来了解一下。据
    的头像 发表于 11-05 16:10 216次阅读
    <b class='flag-5'>二维码</b>识读设备有哪些类型

    条码二维码模组,支持二次开发嵌入吗?

    二维码模组的技术支持、应用领域及其在二次开发嵌入中的优势和挑战。扫模组技术支持与应用领域条码二维码
    的头像 发表于 08-14 15:44 287次阅读
    条码<b class='flag-5'>二维码</b>扫<b class='flag-5'>码</b>模组,支持<b class='flag-5'>二次开发</b>嵌入吗?

    工业二维码扫描设备如何助力流水线生产?

    工业二维码扫描设备被广泛应用于现代工厂的流水线作业中,它们能够高效、准确地读取移动中的二维码。这些扫器通常被设计为固定式或手持式,以适应不同的生产环境和需求。固定式扫器安装在特定位
    的头像 发表于 08-12 14:56 312次阅读
    工业<b class='flag-5'>二维码</b>扫描设备如何助力流水线生产?

    如何为柜式终端设备选配(集成)二维码模块?

    随着二维码技术在各行各业的广泛应用,柜式终端设备如何高效集成二维码模块成为行业关注焦点。针对这一需求,本文将深入探讨选择与集成二维码模块的关键要素,助力企业精准匹配,提升终端设备性能。在柜式终端设备
    的头像 发表于 08-05 15:48 290次阅读
    如何为柜式终端设备选配(集成)<b class='flag-5'>二维码</b>模块?

    Labview生成二维码

     Labview 的一个Demo,生成二维码
    发表于 08-01 17:12 7次下载

    Atomic QRCode2 Base | ATOM系列新宠!一/二维码神器

    NEWAtomicQRCode2BaseAtomicQRCode2Base是一款专为ATOM系列主机精心打造的一/二维码扫描设备,兼容市场上主流的3类二维码和8类一
    的头像 发表于 06-22 08:29 330次阅读
    Atomic <b class='flag-5'>QRCode</b>2 Base | ATOM系列新宠!一<b class='flag-5'>维</b>/<b class='flag-5'>二维码</b>扫<b class='flag-5'>码</b>神器

    【Vision Board创客营连载体验】作品提交——二维码

    for RT-Thread 2、保存工程,并生成mdk5工程,打开工程编译后下载到开发板。 3、打开openMV IDE。 4、创建二维码识别代码: # QRCode Example
    发表于 06-07 16:47

    二维码器/二维码读取设备嵌入园区闸机系统中的应用

    二维码阅读设备集成至闸机系统中,主要功能是通过扫描用户的二维码通行证来实施园区出入口的自动收费。此技术凭借二维码的便利性及扫描设备的高效性,极大地提高了收费效率和精确度,减少了由于人为错误
    的头像 发表于 06-05 14:46 373次阅读
    <b class='flag-5'>二维码</b>扫<b class='flag-5'>码</b>器/<b class='flag-5'>二维码</b>读取设备嵌入园区闸机系统中的应用

    ELF 1技术贴|如何在开发板上生成二维码图像

    开发应用程序时,常常需要生成二维码以便于用户通过扫描快速访问信息。为了实现这一功能开发者通常选用QRencode专为生成
    的头像 发表于 05-07 14:54 676次阅读
    ELF 1技术贴|如何在<b class='flag-5'>开发</b>板上<b class='flag-5'>生成</b><b class='flag-5'>二维码</b>图像

    飞凌嵌入式ElfBoard ELF 1板卡-在线二维码生成

    在线二维码生成器允许用户将文本、网址、图片或其他数据转换为二维码形式。二维码是一种特殊类型的条形码,它可以通过扫描来快速识别和读取信息。在线二维码
    发表于 04-24 17:00

    怎么在Framewin里显示二维码

    各位前辈好,刚刚开始使用STemWin。现在一个Framewin里显示二维码,在Framewin初始化里调用二维码函数没有反应。请问需要怎么调用?
    发表于 04-16 08:27

    远距离二维码扫描器如何选择?看看以下三款远距离二维码模块

    随着二维码相关技术及硬件的普及与低成本化,二维条码扫描设备的应用被人们广为熟知,应用的行业也众多。然而,在某些场景中,由于需要远距离扫描二维码(条码远距离识别),传统的扫设备已经无法
    的头像 发表于 03-21 15:41 716次阅读
    远距离<b class='flag-5'>二维码</b>扫描器如何选择?看看以下三款远距离<b class='flag-5'>二维码</b>扫<b class='flag-5'>码</b>模块

    Labview调用Halcon识别二维码

    Labview调用Halcon识别二维码 可一次识别多个二维码 使用Labview 2020编辑,halcon的版本是 19.11,32位
    发表于 02-21 16:31

    怎样快速选择二维码扫描仪模组

    二维码扫描仪模组的应用需求场景很多,除了我们生活中比较常见的支付场景,如在智慧交通的车载二维码收费、自动售卖及金融类POS等在内的各种嵌入集成应用中,内置的硬解码扫窗上都配置有这种类型的二维
    的头像 发表于 01-11 14:30 465次阅读
    怎样快速选择<b class='flag-5'>二维码</b>扫描仪模组