【OpenHarmony实战开发】第1课-menu开发指导

提供菜单组件，作为临时性弹出窗口，用于展示用户可执行的操作。

创建menu组件

在pages/index目录下的hml文件中创建一个menu组件，添加target、type、title属性。

<!-- xxx.hml-->
<div class="container">
  <text class="title-text" id="textId">show menu</text>
  <menu target="textId" type="click" title="title">
    <option value="Item 1">Item 1</option>
    <option value="Item 2">Item 2</option>
    <option value="Item 3">Item 3</option>
  </menu>
</div>
html

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