根据当前需求, 顶部弹出,并且可选则分类
此功能实际上是文档1 中封装的BuiPopup 和 左右可滚动容器 BuiSplitScroll 的组合 

使用方式:

import BuiPopup, { BuiPopupController } from '../bui/popup/BuiPopupBase';

  dialogControllerTop:BuiPopupController={} as BuiPopupController

Button("顶部弹窗").width(100).onClick(() => {
          this.dialogControllerTop.open();
        });

BuiPopup({
      alignment:DialogAlignment.Top,
      controller: this.dialogControllerTop ,
      slot:()=>{
        this.buildPopTopContent(); 
      }
    });

  @Builder buildPopTopContent(){
    Column() {
      BuiSplitScrollDemo();
    }.backgroundColor("white").width("100%").height(600)
  }

本章代码地址: https://gitee.com/jifsu_167/open-harmony-demo