【鸿蒙实战开发】qrcode组件开发指导

生成并显示二维码，具体用法请参考qrcode。

创建qrcode组件

在pages/index目录下的hml文件中创建一个qrcode组件。

<!-- xxx.hml-->
<div class="container">
  <qrcode value="Hello"></qrcode>
</div>

/* xxx.css */
.container {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #F1F3F5;
}

说明

qrcode组件在创建的时候value的值为必填项。

设置组件类型

通过设置qrcode的type属性来选择按钮类型，如定义qrcode为矩形二维码、圆形二维码。

<!-- xxx.hml-->
<div class="container">
  <select onchange="settype">
    <option for="{
  {bcol_list}}" value="{
  {$item}}">{
  {$item}}</option>
  </select&g