HarmonyOS web组件直接加载PDF，如何在页面底部加上一个按钮

参考下demo，自己用组件去实现效果：

import { router, window } from '@kit.ArkUI';
import webview from '@ohos.web.webview';

const RESOURCE_URL: string =
  'https://xxx.pdf#toolbar=0'; // 本地PDF文件，其中“#toolbar=0”屏蔽Web组件的工具栏

@Entry
@Component
struct Index8 {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column(){
      Row(){
        Text('xxxxxxxx标题')
        Image($r('app.media.app_icon')).width(50).height(50)
      }.height('10%')
      Stack({alignContent: Alignment.Bottom}) {
        Button('点击').zIndex(1)
        // TODO：需求：可以对Web的下载、打印等按钮点击事件处理。
        // TODO: 知识点：加载本地PDF文件，通过resource协议加载本地资源文件。
        Web({
          src: RESOURCE_URL,
          controller: this.controller
        })
          .zIndex(0)// TODO: 知识点：在远程PDF将要加载的页面之前调用，提前下载页面所需的资源，但不会执行网页JavaScript代码或呈现网页，以加快加载速度。
          .onPageEnd(() => {
            // 开启在线PDF预加载
            this.controller.prefetchPage(RESOURCE_URL);
          })
          .domStorageAccess(true) // 设置是否开启文档对象模型存储接口（DOM Storage API）权限，默认未开启。
      }.height('90%')
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.