开发排行榜新详情页

pages/ranking/index.js

@@ -15,6 +15,7 @@ Page({
     rankingType: '',
     icon: '',
     podiumBoxBg: '',
+    color:'',
     explain: ''
   },
 
@@ -26,6 +27,7 @@ Page({
       rankingType: options.type,
       icon: options.type == '2' ? '/static/yx.png' : options.type == '3' ? '/static/play.png' : '/static/win.png',
       podiumBoxBg: options.type == '2' ? 'invitation' : options.type == '3' ? 'hot' : 'pk',
+      color: options.type == '2' ? '#2DCE66' : options.type == '3' ? '#FF7E6C' : '#967DFF',
     })
 
     wx.setNavigationBarColor({

pages/ranking/index.less

@@ -9,6 +9,15 @@
     height: 510rpx;
     background-size: cover;
 
+    .dateBox {
+      margin-top: 54rpx;
+      font-size: 28rpx;
+      color: white;
+      .dataTitle{
+        margin:0rpx 50rpx 0rpx 196rpx
+      }
+    }
+
     .podiumContent {
       position: absolute;
       top: 222rpx;

pages/ranking/index.wxml

@@ -1,7 +1,7 @@
 <view class="rankingBox">
   <view class="podiumBox {{podiumBoxBg}}">
     <view class="dateBox">
-      <text class="dataTitle">第一期</text>
+      <text class="dataTitle" style="color:{{color}}">第一期</text>
       <text class="interval">{{weekBegin+'-'+weekEnd}}</text>
     </view>
     <view class="podiumContent">

pages/ranking/index.wxss

@@ -9,6 +9,14 @@
   height: 510rpx;
   background-size: cover;
 }
+.rankingBox .podiumBox .dateBox {
+  margin-top: 54rpx;
+  font-size: 28rpx;
+  color: white;
+}
+.rankingBox .podiumBox .dateBox .dataTitle {
+  margin: 0rpx 50rpx 0rpx 196rpx;
+}
 .rankingBox .podiumBox .podiumContent {
   position: absolute;
   top: 222rpx;