init

xhs-mini-demos/component-case/capture-screen/capture-screen.css

@@ -0,0 +1,4 @@
+.page-body-text {
+  font-size: 20px;
+  font-family: -apple-system-font, Helvetica Neue,Helvetica,sans-serif;
+}

xhs-mini-demos/component-case/capture-screen/capture-screen.js

@@ -0,0 +1,19 @@
+Page({
+  onShareAppMessage() {
+    return {
+      title: '用户截屏事件',
+      path: 'packageAPI/pages/capture-screen/capture-screen',
+    };
+  },
+
+  data: {
+    captured: false,
+  },
+  onLoad() {
+    xhs.onUserCaptureScreen(() => {
+      this.setData({
+        captured: true,
+      });
+    });
+  },
+});

xhs-mini-demos/component-case/capture-screen/capture-screen.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "用户截屏事件"
+}

xhs-mini-demos/component-case/capture-screen/capture-screen.xhsml

@@ -0,0 +1,10 @@
+<view class="container">
+  <template is="head" data="{{title: 'onUserCaptureScreen'}}"/>
+
+  <view class="page-body">
+    <view class="page-body-info">
+      <view class="page-body-title">请进行屏幕截屏</view>
+      <text class="page-body-text">截屏事件{{ captured ? "已" : "未" }}触发</text>
+    </view>
+  </view>
+</view>