版本提交

+let productMap = {
+  "P000000000000000000000000000001": {
+    "name": "丸美白色之恋纯白淡黑眼霜20g",
+    "tag": "1",
+  },
+  "P000000000000000000000000000002": {
+    "name": "丸美纯色之恋光透精华液30ml",
+    "tag": "2",
+  },
+  "P000000000000000000000000000003": {
+    "name": "丸美弹力蛋白眼精华素10g+10g",
+    "tag": "3",
+  },
+  "P000000000000000000000000000004": {
+    "name": "丸美巧克力青春丝滑洁面啫喱120g",
+    "tag": "4",
+  },
+  "P000000000000000000000000000005": {
+    "name": "丸美巧克力青春丝滑毛孔隐形精华露35ml",
+    "tag": "5",
+  },
+  "P000000000000000000000000000006": {
+    "name": "丸美巧克力青春丝滑眼乳霜25g",
+    "tag": "6",
+  },
+  "P000000000000000000000000000007": {
+    "name": "丸美巧克力青春丝滑水190ml",
+    "tag": "7",
+  },
+  "P000000000000000000000000000008": {
+    "name": "丸美雪绒花纯净保湿咕嘟咕嘟菁华露80ml",
+    "tag": "8",
+  },
+  "P000000000000000000000000000009": {
+    "name": "丸美雪绒花纯净保湿洁面乳120g",
+    "tag": "9",
+  },
+  "P000000000000000000000000000010": {
+    "name": "丸美雪绒花纯净保湿深润霜50g",
+    "tag": "10",
+  },
+
+
+
+}

@@ -6,7 +6,7 @@ Page({
     tipsNewMemberVisible: false,
     tipsWishVisible: false,
     tipsShakeVisible: false,
-    tipsCreateCompleteVisible: true,
+    tipsCreateCompleteVisible: false,
     curStatus: 1, // 当前场景
     candidate: [], // 心愿候选列表
     myWishList: [], // 我的心愿列表
@@ -161,8 +161,8 @@ Page({
           tipsGroupMemberVisible: false,
           tipsNewMemberVisible: false,
           tipsWishVisible: false,
-          tipsWishVisible:false,
-          tipsCreateCompleteVisible:false,
+          tipsWishVisible: false,
+          tipsCreateCompleteVisible: false,
         })
         break;
 

 let app = getApp();
 Page({
-  data: {},
+  data: {
+    rank: [],
+    downRank: [],
+    myRank: {}
+  },
   onShareAppMessage() {},
-  onLoad(options) {},
+  onLoad(options) {
+    this.initData();
+  },
+  initData() {
+    app.post({
+      url: app.api.rank,
+      data: {}
+    }).then((result) => {
+      console.log("result:", result);
+      let downRank = result.rank.filter((item) => {
+        return !(item.no == 1 || item.no == 2 || item.no == 3);
+      })
+      console.log("downRank:", downRank);
+      this.setData({
+        rank: result.rank,
+        myRank: result.my,
+        downRank: downRank
+      })
+    })
+  },
   // 子组件事件
   evtcomp(evt) {
     let {
@@ -10,7 +33,6 @@ Page({
       data
     } = evt.detail;
     switch (name) {
-
       case "_evt_hide":
         break;
 

 {
-  "navigationBarTitleText": "more"
+  "navigationBarTitleText": "我的心愿单"
 }

@@ -2,10 +2,36 @@
 @import '../../assets/scss/utils';
 
 .page {
-  .bgc {}
+  padding-bottom: $pageBottom;
+
+  .bgc {
+    background-color: #f3dfe2;
+  }
 
   .bg {}
 
+  .decoration {
+    position: relative;
+
+    .d1 {
+      position: absolute;
+      width: 90px;
+      height: 433px;
+      top: 340px;
+      left: 0;
+      z-index: 11;
+    }
+
+    .d2 {
+      position: fixed;
+      width: 145px;
+      height: 368px;
+      right: 0;
+      top: 220px;
+      z-index: 11;
+    }
+  }
+
   .main {
     .top-space {
       height: 0px;
@@ -13,6 +39,183 @@
 
     .content {
       position: relative;
+
+      // banner图
+      .banner {
+        position: relative;
+        width: 750px;
+        height: 435px;
+        z-index: 22;
+
+        .ebg {
+          position: absolute;
+          width: 750px;
+          height: 435px;
+        }
+
+        .space1 {
+          height: 40px;
+        }
+
+        .bang {
+          position: relative;
+          display: flex;
+          justify-content: center;
+
+          &-item {
+            width: 175px;
+            height: 175px;
+            margin: 0 27px;
+            color: #ffffff;
+            text-align: center;
+
+            .display {
+              width: 175px;
+              height: 200px;
+              // background-color: wheat;
+              display: flex;
+              align-items: flex-end;
+              justify-content: center;
+
+              .border {
+                position: relative;
+                width: 175px;
+                height: 175px;
+                border: solid 3px #e1ba32;
+                border-radius: 87.5px;
+                @extend .fcc;
+
+                .inner {
+                  width: 160px;
+                  height: 160px;
+                  background-color: #fff;
+                  border-radius: 80px;
+                  @extend .fcc;
+
+                  .portrait {
+                    width: 156px;
+                    height: 156px;
+                    border-radius: 78px;
+                  }
+                }
+
+                .inner2 {
+                  width: 116px;
+                  height: 116px;
+                  border-radius: 58px;
+                }
+
+                .no {
+                  background-image: linear-gradient(to bottom, #ffe375, #ffbf27);
+                  position: absolute;
+                  left: 0;
+                  right: 0;
+                  bottom: -12px;
+                  margin: 0 auto;
+                  color: #b6141c;
+                  @include btc(107px, 38px);
+                  font-size: 30px;
+                }
+
+                .no2 {
+                  @include btc(77px, 28px);
+                  background-image: none;
+                  background-color: #9e9e9e;
+                  font-size: 22px;
+                }
+
+                .no3 {
+                  background-color: #ca8d54;
+                }
+
+              }
+
+              .border2 {
+                width: 127px;
+                height: 127px;
+                border: solid 3px #9e9e9e;
+              }
+
+              .border3 {
+                width: 127px;
+                height: 127px;
+                border: solid 3px #e1ba32;
+              }
+            }
+
+            .nickname {
+              margin-top: 32px;
+              font-size: 28px;
+              @include ellipsis(1);
+            }
+
+            .val {
+              font-size: 24px;
+              margin-top: 2px;
+            }
+
+          }
+        }
+      }
+
+      .rank {
+        margin: 24px auto 0;
+        width: 692px;
+        min-height: 874px;
+        background-color: #ffffff;
+        padding: 32px 0;
+        @extend .bb;
+
+        &-item {
+          margin: 0 auto;
+          height: 120px;
+          width: 620px;
+          border-bottom: solid 1px #dfd8d4;
+          display: flex;
+          align-items: center;
+
+          .no {
+            width: 80px;
+            text-align: center;
+            color: #c10323;
+            font-size: 24px;
+          }
+
+          .portrait {
+            @extend .fcc;
+            margin: 0 40px;
+            width: 76px;
+            height: 76px;
+            background-color: #c0162a;
+            border-radius: 38px;
+
+            image {
+              width: 72px;
+              height: 72px;
+              border-radius: 32px;
+            }
+          }
+
+          .nickname {
+            flex: 1;
+            color: #333333;
+            font-size: 24px;
+            @include ellipsis(1);
+          }
+
+          .val {
+            width: 100px;
+            text-align: center;
+            color: #c10323;
+            font-size: 28px;
+          }
+
+        }
+
+        .last {
+          border-bottom: none;
+        }
+      }
     }
   }
 }

 <view class="page">
   <view class="app__bgc bgc"></view>
   <view class="app__bg bg"></view>
-  <!-- <view class="app__top-shadow"></view> -->
+
+  <view class="decoration">
+    <image class="d1" src="../../image/oss/rank/rank-d1.png" mode="widthFix" />
+    <image class="d2" src="../../image/oss/rank/rank-d2.png" mode="widthFix" />
+  </view>
   <view class="app__content main">
     <view class="top-space"></view>
-    <view class="content"></view>
+    <view class="content">
+      <view class="banner">
+        <image class="ebg" mode="widthFix" src="../../image/oss/rank/rank-c1.png" />
+        <view class="space1"></view>
+        <!-- 上方排行榜 -->
+        <view class="bang">
+          <!-- 亚军 -->
+          <view class="bang-item">
+            <view class="display">
+              <view class="border border2">
+                <view class="inner inner2">
+                  <image class="portrait" mode="widthFix" src="{{rank[0].avatar}}" />
+                </view>
+                <view class="no no2 ">NO.2</view>
+              </view>
+            </view>
+            <view class="nickname">{{rank[1].nickname}}</view>
+            <view class="val">弹力值: {{rank[1].elasticValue}}</view>
+          </view>
+          <!-- 冠军 -->
+          <view class="bang-item">
+            <view class="display">
+              <view class="border">
+                <view class="inner">
+                  <image class="portrait" mode="widthFix" src="{{rank[0].avatar}}" />
+                </view>
+                <view class="no">NO.1</view>
+              </view>
+            </view>
+            <view class="nickname">{{rank[0].nickname}}</view>
+            <view class="val">弹力值: {{rank[0].elasticValue}}</view>
+          </view>
+          <!-- 季军 -->
+          <view class="bang-item">
+            <view class="display">
+              <view class="border border3">
+                <view class="inner inner2">
+                  <image class="portrait" mode="widthFix" src="{{rank[2].avatar}}" />
+                </view>
+                <view class="no no2 no3">NO.3</view>
+              </view>
+            </view>
+            <view class="nickname">{{rank[2].nickname}}</view>
+            <view class="val">弹力值: {{rank[2].elasticValue}}</view>
+          </view>
+        </view>
+      </view>
+      <!-- 下方排行榜 -->
+      <view class="rank">
+        <view wx:for="{{downRank}}" wx:key="{{index}}" class="rank-item {{downRank.length-1 == index?'last':''}}">
+          <view class="no">NO.{{item.no}}</view>
+          <view class="portrait">
+            <image mode="widthFix" src="{{item.avatar}}" />
+          </view>
+          <view class="nickname">{{item.nickname}}</view>
+          <view class="val">{{item.elasticValue}}</view>
+        </view>
+      </view>
+    </view>
   </view>
 </view>

@@ -31,6 +31,16 @@ Page({
       path: "poster"
     })
   },
+  // 查看排行榜
+  onRankHandler() {
+    app.router.push({
+      path: "rank"
+    })
+  },
+  // 分享
+  onShareHandler() {
+
+  },
   // 获取心愿单详情
   queryWishbillDetail() {
     return new Promise((resolve, reject) => {

@@ -148,6 +148,16 @@
             width: 100%;
             // margin: 12px 0;
             margin-bottom: 20px;
+            text-align: left;
+            .t1{
+              color: #af435a;
+            }
+
+          }
+          .empty{
+            text-align: center;
+            padding-top: 80px;
+            color: #333333;
           }
         }
       }

@@ -18,7 +18,7 @@
           <view class="space1"></view>
           <view class="nickname">{{wishInfo.member.nickname}}</view>
           <view class="number">{{wishInfo.member.mobile}}</view>
-          <view class="mycard">我的卡券</view>
+          <view bindtap="onMyCardHandler" class="mycard">我的卡券</view>
         </view>
         <view bindtap="onCreatePosterHandler" class="poster-btn">生成海报</view>
       </view>
@@ -27,29 +27,24 @@
         <view class="tit">· 我的弹力帮帮团 ·</view>
         <view class="tips">
           积累
-          <span class="t1">5</span>
+          <span class="t1">{{helperInfo.total}}</span>
           人助力，获得
-          <span class="t1">12100</span>
+          <span class="t1">{{helperInfo.totalElasticValue}}</span>
           弹力值！
         </view>
         <scroll-view scroll-y="{{true}}" class="list">
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
-          <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
+          <view wx:for="{{helperInfo.helpers}}" wx:key="{{index}}" class="list-item">
+            <span class="t1">·{{item.helperNickname}}</span>
+            {{item.tip}}
+            <span class="t1">{{item.elasticValue}}</span>
+            弹力值！
+          </view>
+          <view class="empty" wx:if="{{helperInfo.helpers.length <= 0}}">这里空空如也~</view>
         </scroll-view>
       </view>
       <view class="btn-wrap">
-        <view class="btn btn2">弹力girl榜单</view>
-        <view class="btn">弹弹好友</view>
+        <view bindtap="onRankHandler" class="btn btn2">弹力girl榜单</view>
+        <view bindtap="onShareHandler" class="btn">弹弹好友</view>
       </view>
     </view>
     <!-- 规则按钮 -->