开发优化排行榜部分

app.wxss

@@ -25,7 +25,7 @@ text {
   width: 375px;
   height: 300px;
   position: absolute;
-  left: -999rpx;
+  left: -9999rpx;
   top: -9999rpx;
 }
 

pages/match/index.js

@@ -64,9 +64,9 @@ Page({
     })
   },
   async getSelfReadRanking() {
-    let res = await getSelfReadRanking()
+    let list = await getSelfReadRanking()
     this.setData({
-      list: res
+      list
     })
   },
   bannelEvent({

pages/match/index.less

@@ -190,4 +190,12 @@
       }
     }
   }
+
+  .rankNull {
+    display: block;
+    margin: 0px auto;
+    padding:50rpx 0rpx;
+    width: 492rpx;
+    height: 404rpx;
+  }
 }

pages/match/index.wxml

@@ -25,37 +25,40 @@
         <view class="colTitle">排名</view>
         <view class="colTitle">人气值</view>
       </view>
-      <view class="contentBox" wx:for="{{activityUserList}}" wx:key="id">
-        <view class="firstCol">
-          <image src="/static/{{index+1}}-1.png" class="rankingImg" wx:if="{{index<3}}" />
-          <text wx:else>{{index+1}}</text>
-        </view>
-        <view class="secondCol">
-          <image lazy-load src="{{item.user.avatar}}" class="avatar" bindtap="jumpUserInfo"
-            data-uid='{{item.user.uid}}' />
-          <view class="userInfo">
-            <view class="nickName">{{item.user.nickName||item.user.eid}}</view>
-            <view class="date">
-              <view>
-                <image src="/static/f.png" class="icon" />
-                <view class="num">{{filters.numFilter(item.activityJoinUser.shareAmount)}}</view>
-              </view>
-              <view>
-                <image src="/static/p.png" class="icon" />
-                <view class="num">{{filters.numFilter(item.activityJoinUser.commentAmount)}}</view>
-              </view>
-              <view>
-                <image src="/static/d.png" class="icon" />
-                <view class="num">{{filters.numFilter(item.activityJoinUser.likeAmount)}}</view>
+      <block wx:if="{{activityUserList.length>0}}">
+        <view class="contentBox" wx:for="{{activityUserList}}" wx:key="id">
+          <view class="firstCol">
+            <image src="/static/{{index+1}}-1.png" class="rankingImg" wx:if="{{index<3}}" />
+            <text wx:else>{{index+1}}</text>
+          </view>
+          <view class="secondCol">
+            <image lazy-load src="{{item.user.avatar}}" class="avatar" bindtap="jumpUserInfo"
+              data-uid='{{item.user.uid}}' />
+            <view class="userInfo">
+              <view class="nickName">{{item.user.nickName||item.user.eid}}</view>
+              <view class="date">
+                <view>
+                  <image src="/static/f.png" class="icon" />
+                  <view class="num">{{filters.numFilter(item.activityJoinUser.shareAmount)}}</view>
+                </view>
+                <view>
+                  <image src="/static/p.png" class="icon" />
+                  <view class="num">{{filters.numFilter(item.activityJoinUser.commentAmount)}}</view>
+                </view>
+                <view>
+                  <image src="/static/d.png" class="icon" />
+                  <view class="num">{{filters.numFilter(item.activityJoinUser.likeAmount)}}</view>
+                </view>
               </view>
             </view>
           </view>
+          <view class="threeCol">
+            <image src="/static/hot.png" class="icon" />
+            <view class="num">{{filters.numFilter(item.activityJoinUser.hotAmount)}}</view>
+          </view>
         </view>
-        <view class="threeCol">
-          <image src="/static/hot.png" class="icon" />
-          <view class="num">{{filters.numFilter(item.activityJoinUser.hotAmount)}}</view>
-        </view>
-      </view>
+      </block>
+      <image src="/static/rankNull.png" class="rankNull" wx:else />
       <view class="contentBox selfRank" wx:if="{{myActivityUser.activityJoinUser}}">
         <view class="firstCol">
           <text>{{myActivityUser.activityJoinUser.order}}</text>
@@ -86,6 +89,9 @@
         </view>
       </view>
     </view>
-    <worksList class="worksList" videoType='my' worksList="{{list}}" wx:else/>
+    <block wx:else>
+      <worksList class="worksList" videoType='my' worksList="{{list}}" wx:if="{{list.length>0}}" />
+      <image src="/static/rankNull.png" class="rankNull" wx:else />
+    </block>
   </view>
 </view>

pages/match/index.wxss

@@ -161,3 +161,10 @@
   background-color: white;
   box-shadow: 0 2rpx 20rpx 0 rgba(0, 0, 0, 0.5);
 }
+.matchBox .rankNull {
+  display: block;
+  margin: 0px auto;
+  padding: 50rpx 0rpx;
+  width: 492rpx;
+  height: 404rpx;
+}

pages/personal/index.less

@@ -158,7 +158,7 @@
 
           .title {
             max-width: 310rpx;
-            font-size: 32rpx;
+            font-size: 28rpx;
             font-weight: bold;
             margin-bottom: 10rpx;
           }

pages/personal/index.wxss

@@ -137,7 +137,7 @@
 }
 .personalBox .worksList .worksBox .left .work .title {
   max-width: 310rpx;
-  font-size: 32rpx;
+  font-size: 28rpx;
   font-weight: bold;
   margin-bottom: 10rpx;
 }

pages/ranking/index.less

@@ -180,11 +180,18 @@
 
     .rigth {
       padding: 12rpx 34rpx;
+      padding-left: 26rpx;
       border-radius: 50rpx;
       background-image: linear-gradient(270deg, #33C3FF 0%, #81C7FF 100%, #14C962 100%);
       box-shadow: 0 4rpx 10rpx 0 rgba(50, 197, 255, 0.46);
       color: white;
       font-size: 26rpx;
+
+      .share {
+        width: 26rpx;
+        height: 24rpx;
+        margin-right: 14rpx;
+      }
     }
   }
 }

pages/ranking/index.wxml

@@ -48,13 +48,15 @@
         </view>
         <view class="right">
           <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
-          <view class="num">333</view>
+          <view class="num"> {{userList[index+3].count}}</view>
         </view>
       </view>
     </scroll-view>
   </view>
   <view class="footer">
     <view class="left">我的排名<text>{{ranking?ranking:'100+'}}</text></view>
-    <view class="rigth">呼朋唤友来加热</view>
+    <view class="rigth">
+      <image src="/static/forward.png" class="share"/>{{rankingType!=4?'呼朋唤友来加热':'我要冲榜'}}
+    </view>
   </view>
 </view>

pages/ranking/index.wxss

@@ -153,12 +153,18 @@
 }
 .rankingBox .footer .rigth {
   padding: 12rpx 34rpx;
+  padding-left: 26rpx;
   border-radius: 50rpx;
   background-image: linear-gradient(270deg, #33C3FF 0%, #81C7FF 100%, #14C962 100%);
   box-shadow: 0 4rpx 10rpx 0 rgba(50, 197, 255, 0.46);
   color: white;
   font-size: 26rpx;
 }
+.rankingBox .footer .rigth .share {
+  width: 26rpx;
+  height: 24rpx;
+  margin-right: 14rpx;
+}
 .invitation {
   background: url('http://reader-wx.ai160.com/images/reader/v3/podium-1.jpg') no-repeat;
 }