开发排行榜

pages/ranking/index.js

@@ -2,7 +2,6 @@ import {
   getRankingData
 } from '~/api/global'
 Page({
-
   /**
    * 页面的初始数据
    */
@@ -48,11 +47,6 @@ Page({
       explain
     })
   },
-  jumpIntro() {
-    wx.navigateTo({
-      url: `/pages/rankIntro/index?title=排名规则&img=${this.data.explain}`,
-    })
-  },
   jumpIndex() {
     wx.switchTab({
       url: '/pages/index/index',

pages/ranking/index.less

@@ -6,12 +6,13 @@
 
   .podiumBox {
     position: relative;
-    height: 362rpx;
+    height: 510rpx;
     background-size: cover;
 
     .podiumContent {
+      position: absolute;
+      top: 222rpx;
       width: 100%;
-      height: 100%;
 
       .user {
         position: absolute;
@@ -21,8 +22,8 @@
         align-items: center;
 
         .avatar {
-          width: 90rpx;
-          height: 90rpx;
+          width: 92rpx;
+          height: 92rpx;
           border-radius: 50%;
         }
 
@@ -52,13 +53,13 @@
       }
 
       .first {
-        top: 70rpx;
-        left: 312rpx;
+        top: 0rpx;
+        left: 304rpx;
       }
 
       .second {
-        top: 124rpx;
-        left: 118rpx;
+        top: 54rpx;
+        left: 116rpx;
 
         .avatar {
           width: 82rpx;
@@ -67,38 +68,15 @@
       }
 
       .third {
-        top: 144rpx;
-        right: 102rpx;
+        top: 72rpx;
+        right: 112rpx;
 
         .avatar {
-          width: 80rpx;
-          height: 80rpx;
+          width: 84rpx;
+          height: 84rpx;
         }
       }
     }
-
-    .tips {
-      position: absolute;
-      left: 0px;
-      top: 20rpx;
-      padding: 6rpx 16rpx 6rpx 10rpx;
-      border-top-right-radius: 25rpx;
-      border-bottom-right-radius: 25rpx;
-      font-size: 26rpx;
-      color: white;
-      background-color: rgba(0, 0, 0, 0.15);
-    }
-
-    .tips2 {
-      position: absolute;
-      right: 24rpx;
-      top: 20rpx;
-      padding: 10rpx 5rpx;
-      border-radius: 50%;
-      font-size: 26rpx;
-      background-color: white;
-      font-size: 18rpx;
-    }
   }
 
   .podiumList {
@@ -197,7 +175,7 @@
 }
 
 .invitation {
-  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-2.jpg')no-repeat;
+  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-5.jpg')no-repeat;
 
   .tips2 {
     color: #2DCE66;
@@ -205,7 +183,7 @@
 }
 
 .hot {
-  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-1.jpg')no-repeat;
+  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-4.jpg')no-repeat;
 
   .tips2 {
     color: #FF7F6C;
@@ -213,7 +191,7 @@
 }
 
 .pk {
-  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-3.jpg')no-repeat;
+  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-6.jpg')no-repeat;
 
   .tips2 {
     color: #967DFF;

pages/ranking/index.wxml

@@ -1,7 +1,5 @@
 <view class="rankingBox">
   <view class="podiumBox {{podiumBoxBg}}">
-    <view class="tips" bindtap="jumpIntro">排名规则</view>
-    <view class="tips2">周榜</view>
     <view class="podiumContent">
       <view class="user first">
         <image src="{{userList[0].avatar}}" class="avatar" bindtap="jumpUserInfo" data-uid='{{userList[0].uid}}' />

pages/ranking/index.wxss

@@ -6,12 +6,13 @@
 }
 .rankingBox .podiumBox {
   position: relative;
-  height: 362rpx;
+  height: 510rpx;
   background-size: cover;
 }
 .rankingBox .podiumBox .podiumContent {
+  position: absolute;
+  top: 222rpx;
   width: 100%;
-  height: 100%;
 }
 .rankingBox .podiumBox .podiumContent .user {
   position: absolute;
@@ -21,8 +22,8 @@
   align-items: center;
 }
 .rankingBox .podiumBox .podiumContent .user .avatar {
-  width: 90rpx;
-  height: 90rpx;
+  width: 92rpx;
+  height: 92rpx;
   border-radius: 50%;
 }
 .rankingBox .podiumBox .podiumContent .user .iconBox {
@@ -46,45 +47,24 @@
   width: 100%;
 }
 .rankingBox .podiumBox .podiumContent .first {
-  top: 70rpx;
-  left: 312rpx;
+  top: 0rpx;
+  left: 304rpx;
 }
 .rankingBox .podiumBox .podiumContent .second {
-  top: 124rpx;
-  left: 118rpx;
+  top: 54rpx;
+  left: 116rpx;
 }
 .rankingBox .podiumBox .podiumContent .second .avatar {
   width: 82rpx;
   height: 82rpx;
 }
 .rankingBox .podiumBox .podiumContent .third {
-  top: 144rpx;
-  right: 102rpx;
+  top: 72rpx;
+  right: 112rpx;
 }
 .rankingBox .podiumBox .podiumContent .third .avatar {
-  width: 80rpx;
-  height: 80rpx;
-}
-.rankingBox .podiumBox .tips {
-  position: absolute;
-  left: 0px;
-  top: 20rpx;
-  padding: 6rpx 16rpx 6rpx 10rpx;
-  border-top-right-radius: 25rpx;
-  border-bottom-right-radius: 25rpx;
-  font-size: 26rpx;
-  color: white;
-  background-color: rgba(0, 0, 0, 0.15);
-}
-.rankingBox .podiumBox .tips2 {
-  position: absolute;
-  right: 24rpx;
-  top: 20rpx;
-  padding: 10rpx 5rpx;
-  border-radius: 50%;
-  font-size: 26rpx;
-  background-color: white;
-  font-size: 18rpx;
+  width: 84rpx;
+  height: 84rpx;
 }
 .rankingBox .podiumList {
   flex: 1;
@@ -166,19 +146,19 @@
   margin-right: 14rpx;
 }
 .invitation {
-  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-2.jpg') no-repeat;
+  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-5.jpg') no-repeat;
 }
 .invitation .tips2 {
   color: #2DCE66;
 }
 .hot {
-  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-1.jpg') no-repeat;
+  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-4.jpg') no-repeat;
 }
 .hot .tips2 {
   color: #FF7F6C;
 }
 .pk {
-  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-3.jpg') no-repeat;
+  background: url('http://reader-wx.ai160.com/images/reader/v3/podium-6.jpg') no-repeat;
 }
 .pk .tips2 {
   color: #967DFF;

utils/request.js

@@ -6,13 +6,13 @@ const {
     envVersion
   }
 } = wx.getAccountInfoSync();
-/* if (envVersion == 'develop') {
+if (envVersion == 'develop') {
   baseUrl = 'https://reader-api.efunbox.cn/wx'
   oldUrl = 'https://reader-api.efunbox.cn'
-} else { */
+} else {
   baseUrl = 'https://reader-api.ai160.com/wx'
   oldUrl = 'https://reader-api.ai160.com'
-// }
+}
 
 function request(url, method, data, oldBaseUrl = false) {
   let header = {