first add files

ProjectLiaisonForm/pages/overlay/base/index.js

@@ -0,0 +1,15 @@
+Component({
+  data: {
+    visible: false,
+  },
+  methods: {
+    handleClick() {
+      this.setData({ visible: true });
+    },
+    handleOverlayClick(e) {
+      this.setData({
+        visible: e.detail.visible,
+      });
+    },
+  },
+});

ProjectLiaisonForm/pages/overlay/base/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "t-overlay": "tdesign-miniprogram/overlay/overlay",
+    "t-button": "tdesign-miniprogram/button/button"
+  }
+}

ProjectLiaisonForm/pages/overlay/base/index.wxml

@@ -0,0 +1,3 @@
+<t-overlay visible="{{visible}}" duration="{{500}}" bind:click="handleOverlayClick" />
+
+<t-button block size="large" theme="primary" variant="outline" bind:tap="handleClick">基础用法</t-button>

ProjectLiaisonForm/pages/overlay/overlay.d.ts

@@ -0,0 +1 @@
+

ProjectLiaisonForm/pages/overlay/overlay.js

@@ -0,0 +1 @@
+Page({});

ProjectLiaisonForm/pages/overlay/overlay.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "Overlay",
+  "navigationBarBackgroundColor": "#fff",
+  "usingComponents": {
+    "base": "./base"
+  }
+}

ProjectLiaisonForm/pages/overlay/overlay.wxml

@@ -0,0 +1,11 @@
+<t-navbar class="demo-navbar" title="Overlay" leftArrow />
+<view class="demo">
+  <t-demo-header
+    title="Overlay 遮罩层"
+    desc="通过遮罩层，可以强调部分内容。"
+    notice="渲染框架支持情况：Skyline、WebView"
+  />
+  <t-demo title="01 组件类型" desc="基础遮罩层" padding>
+    <base />
+  </t-demo>
+</view>

ProjectLiaisonForm/pages/overlay/overlay.wxss

@@ -0,0 +1,3 @@
+page {
+  background-color: var(--td-bg-color-container);
+}

ProjectLiaisonForm/pages/overlay/skyline/overlay.d.ts

@@ -0,0 +1 @@
+

ProjectLiaisonForm/pages/overlay/skyline/overlay.js

@@ -0,0 +1 @@
+Page({});

ProjectLiaisonForm/pages/overlay/skyline/overlay.json

@@ -0,0 +1,9 @@
+{
+  "navigationStyle": "custom",
+  "renderer": "skyline",
+  "componentFramework": "glass-easel",
+  "usingComponents": {
+    "t-navbar": "tdesign-miniprogram/navbar/navbar",
+    "base": "../base"
+  }
+}

ProjectLiaisonForm/pages/overlay/skyline/overlay.wxml

@@ -0,0 +1,12 @@
+<view class="skyline">
+  <t-navbar class="demo-navbar" title="Overlay" leftArrow />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <view class="demo-title">Overlay 遮罩层</view>
+      <view class="demo-desc">通过遮罩层，可以强调部分内容</view>
+      <t-demo title="01 组件类型" desc="基础遮罩层" padding>
+        <base />
+      </t-demo>
+    </view>
+  </scroll-view>
+</view>

ProjectLiaisonForm/pages/overlay/skyline/overlay.wxss

@@ -0,0 +1,3 @@
+page {
+  background-color: var(--td-bg-color-container);
+}