添加图标和页面

miniprogram/pages/components/popup-plugin/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "t-popup": "tdesign-miniprogram/popup/popup"
+  }
+}

miniprogram/pages/components/popup-plugin/index.ts

@@ -0,0 +1,31 @@
+// pages/components/popup-plugin/index.ts
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    visible: null,
+    placement: null,
+    title: null,
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {},
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onVisibleChange(e: any) {
+      console.log(e.detail.visible);
+      this.setData({
+        open: e.detail.visible,
+      });
+      if (!e.detail.visible) {
+        this.triggerEvent("close");
+      }
+    },
+  },
+});

miniprogram/pages/components/popup-plugin/index.wxml

@@ -0,0 +1,8 @@
+<t-popup visible="{{visible}}" bind:visible-change="onVisibleChange" placement="{{placement || 'bottom'}}" close-btn>
+  <view style="border-bottom: 1px solid #ddd;">
+    <view style="padding: 12px 12px;">{{title}}</view>
+  </view>
+  <view style="max-height: 70vh;overflow: auto;">
+    <slot></slot>
+  </view>
+</t-popup>

miniprogram/pages/components/popup-plugin/index.wxss

@@ -0,0 +1 @@
+