我的邀请

src/app.json

@@ -43,7 +43,8 @@
         "pages/myRelease/myRelease",
         "pages/orderBenefit/orderBenefit",
         "pages/myReleaseDetail/myReleaseDetail",
-        "pages/grassCommunity/grassCommunity"
+        "pages/grassCommunity/grassCommunity",
+        "pages/myInvite/myInvite"
       ]
     }
   ],

src/project.config.json

@@ -39,7 +39,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 31,
+			"current": 32,
 			"list": [
 				{
 					"id": -1,
@@ -250,6 +250,12 @@
 					"pathName": "subPackage/page/pages/grassCommunity/grassCommunity",
 					"query": "",
 					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "我的邀请",
+					"pathName": "subPackage/page/pages/myInvite/myInvite",
+					"scene": null
 				}
 			]
 		}

src/subPackage/page/pages/myInvite/myInvite.js

+// subPackage/page/pages/myInvite/myInvite.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file

src/subPackage/page/pages/myInvite/myInvite.json

+{
+  "navigationBarTitleText": "我的邀请",
+  "usingComponents": {}
+}
\ No newline at end of file

src/subPackage/page/pages/myInvite/myInvite.wxml

+<!--subPackage/page/pages/myInvite/myInvite.wxml-->
+<view class="page-my-invite">
+  <view class="release-num weui-flex df-j--bt">
+    <view class="num-invite df-1 border_box">
+      <view class="share-number">1287</view>
+        <view class="share-title">当前邀请人数</view>
+      </view>
+      <view class="extension-line"></view>
+      <view class="num-invite-yesterday df-1 border_box">
+        <view class="share-number">87</view>
+        <view class="share-title">昨日邀请新增</view>
+      </view>
+  </view>
+  <view class="invite-banner">
+    <image ></image>
+  </view>
+  <view class="order-benefit-wrap">
+    <view class="order-benefit-list">
+      <view class="top-info">
+        <image class="invite-avatar"></image>
+        <view class="invite-phone">
+          <view class="order-num">18355407690</view>
+          <view class="order-date">2019-03-24 至 2019-06-23</view>
+        </view>
+      </view>
+      <view class="bottom-info">
+        <view>
+          <image src="/assets/imgs/7_1_0/integral-icon.png" class="integral-icon" mode="widthFix"></image>
+          <text class="benefit-num">100</text>
+        </view>
+         <view>
+          <image src="/assets/imgs/7_1_0/coupon-icon.png" class="coupon-icon" mode="widthFix"></image>
+          <text class="benefit-num">100</text>
+        </view>
+         <view>
+          <image src="/assets/imgs/7_1_0/experience.png" class="experience-icon" mode="widthFix"></image>
+          <text class="benefit-num">100</text>
+        </view>
+         <view>
+          <image src="/assets/imgs/7_1_0/share-value.png" class="share-value" mode="widthFix"></image>
+          <text class="benefit-num">100</text>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class="benefit-tips">
+    <text>邀请好友只显示前50名</text>
+  </view>
+</view>
\ No newline at end of file

src/subPackage/page/pages/myInvite/myInvite.wxss

+/* subPackage/page/pages/myInvite/myInvite.wxss */
+@import './../../../../base/base.wxss';
+
+.release-num {
+  height: 120rpx;
+  background: linear-gradient(to right, rgba(192,154,116,0.2) 69%,rgba(207,179,150,0.1) 100%);
+  align-items: center;
+}
+/* .num-invite {
+  border-right: 1rpx solid #C09A74 ;
+} */
+.extension-line{
+  width: 3rpx;
+  height: 50rpx;
+  background-color:  rgba(192, 154, 116, 0.2);
+}
+.num-invite, .num-invite-yesterday {
+  text-align: center;
+  margin: 25rpx 0 30rpx 0 ;
+}
+.share-number{
+  color: #333333;
+  font-size: 42rpx;
+}
+.share-title{
+  font-size: 18rpx;
+  color: #666666;
+}
+.invite-banner{
+  padding: 0 20rpx;
+  margin-top: 20rpx;
+}
+.invite-banner image{
+  width: 712rpx;
+  height: 298rpx;
+  border-radius: 17rpx;
+  background-color: rgba(216, 216, 216, 1);
+  box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
+}
+.order-benefit-wrap{
+  margin-top: 8rpx;
+  padding: 0 20rpx;
+}
+.order-benefit-list{
+  border-radius: 10rpx;
+  background-color: rgba(255, 255, 255, 1);
+  box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
+  padding: 33rpx 20rpx 36rpx;
+  margin-top: 20rpx;
+}
+.top-info{
+  border-bottom: 1px solid rgba(151,151,151,0.3);
+  padding: 0 0 15rpx 29rpx;
+  display: flex;
+}
+.order-num{
+  color: #333333;
+}
+.order-date{
+  color: #aaaaaa;
+  font-size: 20rpx;
+  margin-top: 5rpx;
+}
+.bottom-info{
+  padding: 16rpx 60rpx 0 29rpx;
+  display: flex;
+  justify-content: space-between;
+}
+.integral-icon{
+  width: 36rpx;
+  vertical-align: middle;
+}
+.coupon-icon{
+  width: 29rpx;
+  height: 29rpx;
+  vertical-align: middle;
+}
+.experience-icon{
+  width: 51rpx;
+  vertical-align: middle;
+}
+.share-value{
+  width: 40rpx;
+  vertical-align: middle;
+}
+.benefit-num{
+  color: #333333;
+  font-size: 18rpx;
+  vertical-align: middle;
+  margin-left: 15rpx;
+}
+.benefit-tips{
+  width: 750rpx;
+  height: 53rpx;
+  background-color: rgba(0, 0, 0, 0.25);
+  position: fixed;
+  bottom: 0;
+  line-height: 53rpx;
+  color: #ffffff;
+  font-size: 20rpx;
+  text-align: center;
+}
+.invite-avatar{
+  width: 68rpx;
+  height: 68rpx;
+  background-color: rgba(216, 216, 216, 1);
+  border: 1px solid rgba(151, 151, 151, 1);
+  border-radius: 50%;
+  vertical-align: middle;
+}
+.invite-phone{
+  vertical-align: middle;
+  margin-left: 32rpx;
+}