0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

HarmonyOS應(yīng)用開發(fā)—qrcode二維碼生成

鴻蒙時代 ? 來源:鴻蒙時代 ? 作者:鴻蒙時代 ? 2022-05-12 15:37 ? 次閱讀
HarmonyOS應(yīng)用開發(fā)-qrcode二維碼生成-開源基礎(chǔ)軟件社區(qū)

一.創(chuàng)建項目
二.示例代碼

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:"這里是掃出的二維碼內(nèi)容",
        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
    }
}

審核編輯:符乾江
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 應(yīng)用開發(fā)
    +關(guān)注

    關(guān)注

    0

    文章

    58

    瀏覽量

    9324
  • HarmonyOS
    +關(guān)注

    關(guān)注

    79

    文章

    1966

    瀏覽量

    29964
收藏 人收藏

    評論

    相關(guān)推薦

    二維碼識讀設(shè)備有哪些類型

    隨著二維碼應(yīng)用的日益普及,各類二維碼識讀設(shè)備也應(yīng)運而生。這些設(shè)備不僅極大地方便了我們的日常生活,也為企業(yè)提供了更加高效便捷的服務(wù)。那么,你知道二維碼識讀設(shè)備都有哪些類型嗎?讓我們一起來了解一下。據(jù)
    的頭像 發(fā)表于 11-05 16:10 ?69次閱讀
    <b class='flag-5'>二維碼</b>識讀設(shè)備有哪些類型

    二維碼掃描頭設(shè)備嵌入到閘機上,實現(xiàn)掃手機屏幕完成簽到簽退

    在現(xiàn)代社會,隨著科技的飛速發(fā)展,二維碼技術(shù)已經(jīng)滲透到我們生活的方方面面,特別是在門禁管理、簽到簽退等場景中,二維碼掃描頭設(shè)備的嵌入應(yīng)用極大地提升了管理效率和用戶體驗。本文將探討二維碼掃描頭設(shè)備
    的頭像 發(fā)表于 09-18 15:45 ?205次閱讀
    <b class='flag-5'>二維碼</b>掃描頭設(shè)備嵌入到閘機上,實現(xiàn)掃手機屏幕<b class='flag-5'>碼</b>完成簽到簽退

    條碼二維碼模組,支持二次開發(fā)嵌入嗎?

    二維碼模組的技術(shù)支持、應(yīng)用領(lǐng)域及其在二次開發(fā)嵌入中的優(yōu)勢和挑戰(zhàn)。掃模組技術(shù)支持與應(yīng)用領(lǐng)域條碼二維碼
    的頭像 發(fā)表于 08-14 15:44 ?221次閱讀
    條碼<b class='flag-5'>二維碼</b>掃<b class='flag-5'>碼</b>模組,支持<b class='flag-5'>二次開發(fā)</b>嵌入嗎?

    工業(yè)二維碼掃描設(shè)備如何助力流水線生產(chǎn)?

    工業(yè)二維碼掃描設(shè)備被廣泛應(yīng)用于現(xiàn)代工廠的流水線作業(yè)中,它們能夠高效、準(zhǔn)確地讀取移動中的二維碼。這些掃器通常被設(shè)計為固定式或手持式,以適應(yīng)不同的生產(chǎn)環(huán)境和需求。固定式掃器安裝在特定位
    的頭像 發(fā)表于 08-12 14:56 ?211次閱讀
    工業(yè)<b class='flag-5'>二維碼</b>掃描設(shè)備如何助力流水線生產(chǎn)?

    如何為柜式終端設(shè)備選配(集成)二維碼模塊?

    隨著二維碼技術(shù)在各行各業(yè)的廣泛應(yīng)用,柜式終端設(shè)備如何高效集成二維碼模塊成為行業(yè)關(guān)注焦點。針對這一需求,本文將深入探討選擇與集成二維碼模塊的關(guān)鍵要素,助力企業(yè)精準(zhǔn)匹配,提升終端設(shè)備性能。在柜式終端設(shè)備
    的頭像 發(fā)表于 08-05 15:48 ?214次閱讀
    如何為柜式終端設(shè)備選配(集成)<b class='flag-5'>二維碼</b>模塊?

    Labview生成二維碼

    ?Labview 的一個Demo,生成二維碼。
    發(fā)表于 08-01 17:12 ?6次下載

    Atomic QRCode2 Base | ATOM系列新寵!一/二維碼神器

    NEWAtomicQRCode2BaseAtomicQRCode2Base是一款專為ATOM系列主機精心打造的一/二維碼掃描設(shè)備,兼容市場上主流的3類二維碼和8類一
    的頭像 發(fā)表于 06-22 08:29 ?263次閱讀
    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創(chuàng)客營連載體驗】作品提交——二維碼

    for RT-Thread 2、保存工程,并生成mdk5工程,打開工程編譯后下載到開發(fā)板。 3、打開openMV IDE。 4、創(chuàng)建二維碼識別代碼: # QRCode Example
    發(fā)表于 06-07 16:47

    二維碼器/二維碼讀取設(shè)備嵌入園區(qū)閘機系統(tǒng)中的應(yīng)用

    二維碼閱讀設(shè)備集成至閘機系統(tǒng)中,主要功能是通過掃描用戶的二維碼通行證來實施園區(qū)出入口的自動收費。此技術(shù)憑借二維碼的便利性及掃描設(shè)備的高效性,極大地提高了收費效率和精確度,減少了由于人為錯誤
    的頭像 發(fā)表于 06-05 14:46 ?292次閱讀
    <b class='flag-5'>二維碼</b>掃<b class='flag-5'>碼</b>器/<b class='flag-5'>二維碼</b>讀取設(shè)備嵌入園區(qū)閘機系統(tǒng)中的應(yīng)用

    ELF 1技術(shù)貼|如何在開發(fā)板上生成二維碼圖像

    開發(fā)應(yīng)用程序時,常常需要生成二維碼以便于用戶通過掃描快速訪問信息。為了實現(xiàn)這一功能開發(fā)者通常選用QRencode專為生成
    的頭像 發(fā)表于 05-07 14:54 ?631次閱讀
    ELF 1技術(shù)貼|如何在<b class='flag-5'>開發(fā)</b>板上<b class='flag-5'>生成</b><b class='flag-5'>二維碼</b>圖像

    飛凌嵌入式ElfBoard ELF 1板卡-在線二維碼生成

    在線二維碼生成器允許用戶將文本、網(wǎng)址、圖片或其他數(shù)據(jù)轉(zhuǎn)換為二維碼形式。二維碼是一種特殊類型的條形碼,它可以通過掃描來快速識別和讀取信息。在線二維碼
    發(fā)表于 04-24 17:00

    怎么在Framewin里顯示二維碼?

    各位前輩好,剛剛開始使用STemWin?,F(xiàn)在一個Framewin里顯示二維碼,在Framewin初始化里調(diào)用二維碼函數(shù)沒有反應(yīng)。請問需要怎么調(diào)用?
    發(fā)表于 04-16 08:27

    遠距離二維碼掃描器如何選擇?看看以下三款遠距離二維碼模塊

    隨著二維碼相關(guān)技術(shù)及硬件的普及與低成本化,二維條碼掃描設(shè)備的應(yīng)用被人們廣為熟知,應(yīng)用的行業(yè)也眾多。然而,在某些場景中,由于需要遠距離掃描二維碼(條碼遠距離識別),傳統(tǒng)的掃設(shè)備已經(jīng)無法
    的頭像 發(fā)表于 03-21 15:41 ?642次閱讀
    遠距離<b class='flag-5'>二維碼</b>掃描器如何選擇?看看以下三款遠距離<b class='flag-5'>二維碼</b>掃<b class='flag-5'>碼</b>模塊

    Labview調(diào)用Halcon識別二維碼

    Labview調(diào)用Halcon識別二維碼 可一次識別多個二維碼 使用Labview 2020編輯,halcon的版本是 19.11,32位
    發(fā)表于 02-21 16:31

    怎樣快速選擇二維碼掃描儀模組

    二維碼掃描儀模組的應(yīng)用需求場景很多,除了我們生活中比較常見的支付場景,如在智慧交通的車載二維碼收費、自動售賣及金融類POS等在內(nèi)的各種嵌入集成應(yīng)用中,內(nèi)置的硬解碼掃窗上都配置有這種類型的二維
    的頭像 發(fā)表于 01-11 14:30 ?390次閱讀
    怎樣快速選擇<b class='flag-5'>二維碼</b>掃描儀模組