init

miniprogram/app.less

+@import "common.less";
+
 /**app.wxss**/
 .container {
   height: 100%;
@@ -8,19 +10,3 @@
   padding: 200rpx 0;
   box-sizing: border-box;
 }
-
-.common_view_hover {
-  transform: scale(0.95);
-}
-
-.modal_bg {
-  width: 750rpx;
-  height: 1624rpx;
-  z-index: 10;
-  position: fixed;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.7);
-}
\ No newline at end of file

miniprogram/components/GetPanel/GetPanel.less

 /* components/GetPanel/GetPanel.wxss */
 
-.get_panel {
+@import "common.less";
 
+.get_panel {
 
   .get_panel_light {
     background-image: url("//yun.duiba.com.cn/polaris/light.d591aa526458eee83020d5f1ebb798a754acaa62.png");
     background-size: 100% 100%;
     position: absolute;
     left: 0;
-    top: 229px;
-    width: 750px;
-    height: 1074px;
+    top: 229rpx;
+    width: 750rpx;
+    height: 1074rpx;
   }
 
   .get_panel_bg {
     background-image: url("//yun.duiba.com.cn/polaris/bg.a97b7a5db215d3f7bba1546b293108efe6e68497.png");
     background-size: 100% 100%;
     position: absolute;
-    left: 14px;
-    top: 432px;
-    width: 722px;
-    height: 647px;
+    left: 14rpx;
+    top: 432rpx;
+    width: 722rpx;
+    height: 647rpx;
   }
 
   .get_panel_btn {
     background-image: url("//yun.duiba.com.cn/polaris/btn.b2b29b3031088fac7e997e963e3ff9aef367176c.png");
     background-size: 100% 100%;
     position: absolute;
-    left: 164px;
-    top: 885px;
-    width: 422px;
-    height: 109px;
+    left: 164rpx;
+    top: 885rpx;
+    width: 422rpx;
+    height: 109rpx;
   }
 
   .get_panel_close {
     background-image: url("//yun.duiba.com.cn/polaris/close.7932d4af726237a9aec1c39049703d353f7509f0.png");
     background-size: 100% 100%;
     position: absolute;
-    left: 347px;
-    top: 1090px;
-    width: 56px;
-    height: 56px;
+    left: 347rpx;
+    top: 1090rpx;
+    width: 56rpx;
+    height: 56rpx;
   }
 
 

miniprogram/components/GetPanel/GetPanel.wxml

-<view class="modal_bg get_panel">
+<view class="get_panel modal_bg">
     <view class="get_panel_light"/>
     <view class="get_panel_bg"/>
-    <view class="get_panel_btn"/>
-    <view class="get_panel_close"/>
+    <view
+        class="get_panel_btn"
+        hover-class="common_view_hover"
+        hover-start-time="0"
+        hover-stay-time="0"
+    />
+    <view
+        class="get_panel_close"
+        hover-class="common_view_hover"
+        hover-start-time="0"
+        hover-stay-time="0"
+    />
 </view>

miniprogram/pages/index/index.json

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

miniprogram/pages/index/index.ts

@@ -27,6 +27,9 @@ ComponentWithStore({
     },
 
     methods:{
+        closeGetPanel() {
+
+        },
         // 事件处理函数
         bindViewTap() {
             wx.navigateTo({

miniprogram/pages/index/index.wxml

@@ -35,4 +35,7 @@
   <view class="usermotto">
     <text class="user-motto">{{homeInfo.name}}</text>
   </view> -->
+
+
+  <get-panel wx:if="{{true}}" bind:close="closeGetPanel" />
 </view>
\ No newline at end of file