Browse Source

我的邀请页面接入邀请组件

bayi 1 year ago
parent
commit
cab7341991

+ 3 - 0
salesperson/pages/history/index.js

@@ -18,6 +18,9 @@ Page({
             date: e.detail.value
         })
     },
+    openInvite() {
+        this.selectComponent("#InvitePop").openInvite()
+    },
     loadMore() {
         /*  this.getData(getCategoryWorks, {
              columnId

+ 2 - 1
salesperson/pages/history/index.json

@@ -1,6 +1,7 @@
 {
     "usingComponents": {
-        "emptyBg": "/components/empty/index"
+        "emptyBg": "/components/empty/index",
+        "InvitePop": "/components/invite/index"
     },
     "navigationBarTitleText": "我的邀请"
 }

+ 19 - 1
salesperson/pages/history/index.less

@@ -29,8 +29,8 @@
         left: 0;
         height: 100vh;
         padding-top: 250rpx;
+        padding-bottom:130rpx;
         box-sizing: border-box;
-        padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
 
         .user {
             display: flex;
@@ -67,6 +67,24 @@
     }
 }
 
+.bottom {
+    position: absolute;
+    width: 100%;
+    padding: 26rpx 0;
+    bottom: 0;
+    left: 0;
+    background-color: white;
+
+    .btn {
+        margin: 0 auto;
+        width: 466rpx;
+        padding: 14rpx 0;
+        background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
+        border-radius: 39rpx;
+        color: white;
+    }
+}
+
 .empty {
     margin-top: 190rpx;
 

+ 6 - 0
salesperson/pages/history/index.wxml

@@ -27,5 +27,11 @@
             </view>
         </view>
     </scroll-view>
+    <view class="bottom">
+        <button class="resetBtn btn" bindtap="openInvite">
+            邀请用户
+        </button>
+    </view>
     <emptyBg wx:if="{{nullList}}" message="暂无成功邀请记录"></emptyBg>
+    <InvitePop id="InvitePop"></InvitePop>
 </view>

+ 17 - 1
salesperson/pages/history/index.wxss

@@ -26,8 +26,8 @@
   left: 0;
   height: 100vh;
   padding-top: 250rpx;
+  padding-bottom: 130rpx;
   box-sizing: border-box;
-  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
 }
 .container .historyList .user {
   display: flex;
@@ -57,6 +57,22 @@
   font-size: 26rpx;
   color: #7B7B7B;
 }
+.bottom {
+  position: absolute;
+  width: 100%;
+  padding: 26rpx 0;
+  bottom: 0;
+  left: 0;
+  background-color: white;
+}
+.bottom .btn {
+  margin: 0 auto;
+  width: 466rpx;
+  padding: 14rpx 0;
+  background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
+  border-radius: 39rpx;
+  color: white;
+}
 .empty {
   margin-top: 190rpx;
 }