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

    文章

    63

    浏览量

    9893
  • HarmonyOS
    +关注

    关注

    80

    文章

    2146

    浏览量

    35581
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    二维码模块是什么?它和普通条码识别设备有什么不同

    在物联网技术飞速发展的今天,条码与二维码已成为信息传递的重要载体,从超市结账到工业生产溯源,从移动支付到医疗耗材管理,相关识别设备无处不在。其中,二维码模块作为核心识别部件,正凭借其灵活适配性
    的头像 发表于 11-06 15:54 214次阅读
    <b class='flag-5'>二维码</b>扫<b class='flag-5'>码</b>模块是什么?它和普通条码识别设备有什么不同

    哪款二维码模组适合嵌入户外取餐柜,用于扫二维码

    在智能取餐柜普及的当下,二维码模组作为核心交互组件,其性能直接影响用户体验与设备稳定性。针对户外场景的特殊需求,深圳远景达物联网推出的LV4300Pro系列二维码模组,凭借工业级设计与场景化技术优化
    的头像 发表于 09-10 15:00 451次阅读
    哪款<b class='flag-5'>二维码</b>模组适合嵌入户外取餐柜,用于扫<b class='flag-5'>二维码</b>

    【嘉楠堪智K230开发板试用体验】+二维码识别

    () 验证效果 二维码通过草料二维码网站随机生成,编辑文字“用于AI测试的二维码”,点击生成二维码
    发表于 08-22 20:16

    GM861条二维码识别模块用户手册

    GM861条二维码识别模块用户手册
    发表于 07-09 14:56 0次下载

    基于STM32的二维码识别源码+二维码解码库lib

    基于STM32的二维码识别源码+二维码解码库lib,推荐下载!
    发表于 05-28 22:04

    基于LockAI视觉识别模块:C++二维码识别

    二维码识别是视觉模块经常使用到的功能之一。我们将演示如何使用基于瑞芯微RV1106的LockAI视觉识别模块进行二维码识别。
    的头像 发表于 05-26 09:42 693次阅读
    基于LockAI视觉识别模块:C++<b class='flag-5'>二维码</b>识别

    基于STM32的二维码识别源码+二维码解码库lib

    基于STM32的二维码识别源码+二维码解码库lib项目实例下载! 纯分享帖,需要者可点击附件免费获取完整资料~~~【免责声明】本文系网络转载,版权归原作者所有。本文所用视频、图片、文字如涉及作品版权问题,请第一时间告知,删除内容!
    发表于 05-23 20:45

    为什么说二维码模块是智能终端的“眼睛”?

    你是否曾好奇,为何如今的自助设备都能精准识别你手机上的二维码?这背后隐藏着一个被称为智能终端"眼睛"的关键组件——二维码模块。从超市的自助收银到地铁的闸机通行,从医院的挂号
    的头像 发表于 05-21 14:39 643次阅读
    为什么说<b class='flag-5'>二维码</b>扫<b class='flag-5'>码</b>模块是智能终端的“眼睛”?

    基于RK3576开发板的二维码生成

    档介绍了如何快速上手二维码生成,包括源码工程下载、开发环境搭建、例程编译与运行。通过EASY-EAI API,用户可轻松生成二维码图片,AP
    的头像 发表于 05-10 15:19 952次阅读
    基于RK3576<b class='flag-5'>开发</b>板的<b class='flag-5'>二维码</b><b class='flag-5'>生成</b>

    基于RK3576开发板的二维码识别算法

    了快速上手指南,包括源码管理、开发环境搭建、例程编译与运行等步骤,并详细介绍了二维码识别API的使用方法及调用示例。通过API函数qr_decode,用户可以轻松实现二维码的识别与处理,获取
    的头像 发表于 05-10 09:25 796次阅读
    基于RK3576<b class='flag-5'>开发</b>板的<b class='flag-5'>二维码</b>识别算法

    基于RV1126开发板实现二维码识别方案

    在RV1126上实现二维码识别方案
    的头像 发表于 04-11 14:48 577次阅读
    基于RV1126<b class='flag-5'>开发</b>板实现<b class='flag-5'>二维码</b>识别方案

    二维码读取器是干嘛的

    二维码读取器(用于二维码读取的机器),作为一种现代化的自动识别技术设备,正日益渗透到我们生活的方方面面。从商场购物到物流配送,从医疗管理到工业生产线,二维码读取器凭借其高效、准确的读取能力,发挥
    的头像 发表于 03-17 15:57 857次阅读
    <b class='flag-5'>二维码</b>读取器是干嘛的

    一“”当先!看二维码模组如何重塑智能门锁扫体验

    在科技日新月异的今天,智能门锁正逐步取代传统机械锁,成为现代家庭安全防护的首选。在这场门锁智能化革命中,二维码模组以其独特的识别技术和便捷的操作方式,成为智能门锁的重要组成部分。本文将深入探讨二维码
    的头像 发表于 03-12 16:17 776次阅读
    一“<b class='flag-5'>码</b>”当先!看<b class='flag-5'>二维码</b>模组如何重塑智能门锁扫<b class='flag-5'>码</b>体验

    嵌入式二维码识别引擎是什么设备?哪些场景用得到?

    在科技日新月异的今天,嵌入式技术已广泛渗透到我们生活的方方面面,其中,嵌入式二维码识别引擎作为一种高效、便捷的信息采集工具,正逐渐成为众多行业智能化升级的重要推手。本文将带您深入探索二维码识读引擎
    的头像 发表于 03-10 14:57 635次阅读
    嵌入式<b class='flag-5'>二维码</b>识别引擎是什么设备?哪些场景用得到?

    快速将二维码扫描识别模组嵌入集成到安卓一体机上使用

    在现代科技快速发展的今天,二维码扫描模组的应用已深入到各个行业领域。特别是在安卓一体机中,二维码扫描模组已成为其不可或缺的一部分。本文将详细介绍如何在安卓一体机上安装二维码扫描模组、连接二维码
    的头像 发表于 02-28 15:59 818次阅读
    快速将<b class='flag-5'>二维码</b>扫描识别模组嵌入集成到安卓一体机上使用