init

miniprogram/components/AlreadyGetPanel/AlreadyGetPanel.json

+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file

miniprogram/components/AlreadyGetPanel/AlreadyGetPanel.less

+/* components/AlreadyGetPanel/AlreadyGetPanel.wxss */
+
+@import "common.less";
+
+.al_get_panel {
+
+  .al_get_panel_light {
+    background-image: url("//yun.duiba.com.cn/polaris/light.d591aa526458eee83020d5f1ebb798a754acaa62.png");
+    background-size: 100% 100%;
+    position: absolute;
+    left: 0;
+    top: 229rpx;
+    width: 750rpx;
+    height: 1074rpx;
+  }
+
+  .al_get_panel_bg {
+    background-image: url("//yun.duiba.com.cn/polaris/get.0ed0888eb887020ca9260719723a6d95bbeef996.png");
+    background-size: 100% 100%;
+    position: absolute;
+    left: 14rpx;
+    top: 462rpx;
+    width: 722rpx;
+    height: 597rpx;
+  }
+
+  .al_get_panel_btn {
+    background-image: url("//yun.duiba.com.cn/polaris/ok.2c1a694e0db8fe8f9f0ee9d33be366e5ac33e744.png");
+    background-size: 100% 100%;
+    position: absolute;
+    left: 164rpx;
+    top: 837rpx;
+    width: 422rpx;
+    height: 109rpx;
+  }
+
+  .al_get_panel_close {
+    background-image: url("//yun.duiba.com.cn/polaris/close.7932d4af726237a9aec1c39049703d353f7509f0.png");
+    background-size: 100% 100%;
+    position: absolute;
+    left: 347rpx;
+    top: 1060rpx;
+    width: 56rpx;
+    height: 56rpx;
+  }
+
+}
\ No newline at end of file

miniprogram/components/AlreadyGetPanel/AlreadyGetPanel.ts

+// components/AlreadyGetPanel/AlreadyGetPanel.ts
+Component({
+
+    /**
+     * 组件的属性列表
+     */
+    properties: {},
+
+    /**
+     * 组件的初始数据
+     */
+    data: {},
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        onClose() {
+            this.triggerEvent('close');
+        },
+    }
+})
\ No newline at end of file

miniprogram/components/AlreadyGetPanel/AlreadyGetPanel.wxml

+<view class="al_get_panel modal_bg">
+    <view class="al_get_panel_bg"/>
+    <view
+        class="al_get_panel_btn"
+        hover-class="common_view_hover"
+        hover-start-time="0"
+        hover-stay-time="0"
+        bindtap="onClose"
+    />
+    <view
+        class="al_get_panel_close"
+        hover-class="common_view_hover"
+        hover-start-time="0"
+        hover-stay-time="0"
+        bindtap="onClose"
+    />
+</view>

miniprogram/components/GetPanel/GetPanel.ts

 // components/GetPanel/GetPanel.ts
 Component({
 
-  /**
-   * 组件的属性列表
-   */
-  properties: {
+    /**
+     * 组件的属性列表
+     */
+    properties: {},
 
-  },
+    /**
+     * 组件的初始数据
+     */
+    data: {},
 
-  /**
-   * 组件的初始数据
-   */
-  data: {
-
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-
-  }
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        onClose() {
+            this.triggerEvent('close');
+        },
+    }
 })
\ No newline at end of file

miniprogram/components/GetPanel/GetPanel.wxml

@@ -6,11 +6,13 @@
         hover-class="common_view_hover"
         hover-start-time="0"
         hover-stay-time="0"
+        bindtap="onClose"
     />
     <view
         class="get_panel_close"
         hover-class="common_view_hover"
         hover-start-time="0"
         hover-stay-time="0"
+        bindtap="onClose"
     />
 </view>

miniprogram/pages/index/index.json

 {
   "usingComponents": {
     "navigation-bar": "/components/navigation-bar/navigation-bar",
-    "get-panel": "/components/GetPanel/GetPanel"
+    "get-panel": "/components/GetPanel/GetPanel",
+    "al-get-panel": "/components/AlreadyGetPanel/AlreadyGetPanel"
   }
 }
\ No newline at end of file

miniprogram/pages/index/index.ts

@@ -13,10 +13,11 @@ ComponentWithStore({
             homeInfo: () => store.homeInfo,
         },
         actions: {
-            buttonTap: 'update',
         },
     },
     data: {
+        showGetPanel: false,
+        showAlGetPanel: false,
         userInfo: {
             avatarUrl: defaultAvatarUrl,
             nickName: '',
@@ -26,9 +27,16 @@ ComponentWithStore({
         canIUseNicknameComp: wx.canIUse('input.type.nickname'),
     },
 
-    methods:{
+    methods: {
         closeGetPanel() {
-
+            this.setData({
+                showGetPanel: false,
+            });
+        },
+        closeAlGetPanel() {
+            this.setData({
+                showAlGetPanel: false,
+            });
         },
         // 事件处理函数
         bindViewTap() {

miniprogram/pages/index/index.wxml

@@ -46,5 +46,6 @@
   <view class="usermotto">
     <text class="user-motto">{{homeInfo.name}}</text>
   </view> -->
-  <get-panel wx:if="{{false}}" bind:close="closeGetPanel" />
+  <get-panel wx:if="{{showGetPanel}}" bind:close="closeGetPanel" />
+  <al-get-panel wx:if="{{showAlGetPanel}}" bind:close="closeAlGetPanel" />
 </view>
\ No newline at end of file