积分火火改版

subpages/heart/pages/leaderboardNew/leaderboardNew.js

@@ -1,5 +1,6 @@
 import { getTimestamp } from '../../../../utils/common'
 const api = require('../../../../utils/api')
+var api_banner = require('../../../../utils/activity.js')
 const app = getApp()
 Page({
 
@@ -41,7 +42,8 @@ Page({
     signedList: [],
     timer: '',
     timestamp: getTimestamp(),
-    jilu: true
+    jilu: true,
+    banner:[]
   },
   // tab 切换
   onTabChange(e) {
@@ -67,10 +69,29 @@ Page({
    */
   onLoad: function (options) {
     this.loadLoveRanking()
+    this.bannerListV2()
     this.setData({
       timestamp: getTimestamp(),
     })
   },
+  bannerListV2: function () {
+    let that = this
+    api_banner.bannerList().then(function (res) {
+      that.setData({
+        banner: res.data
+      })
+      console.log('?'+JSON.stringify(that.data.banner))
+    })
+  },
+  preViewImage(e) {
+    let list = [];
+    list.push(this.data.banner[0].bannerImg)
+    list.push(this.data.banner[1].bannerImg)
+    wx.previewImage({
+      urls: list,
+      current: e.currentTarget.dataset.src
+    })
+  },
   // 加载 爱心互助排行榜
   loadLoveRanking() {
     this.setData({

subpages/heart/pages/leaderboardNew/leaderboardNew.wxml

@@ -1,4 +1,8 @@
-  <!-- tabbar -->
+<view class="banner" wx:if="{{banner.length > 0}}">
+  <image data-src="{{banner[0].bannerImg}}" data-list="{{banner}}" bindtap="preViewImage" src="{{banner[0].bannerImg}}"></image>
+  <image data-src="{{banner[1].bannerImg}}" data-list="{{banner}}" bindtap="preViewImage" src="{{banner[1].bannerImg}}"></image>
+</view>
+<!-- tabbar -->
   <view class="tab-bar">
     <view class="tab tab1 {{selectTab === 'tab1' ? 'select-tab' : ''}}" data-tab="tab1" bindtap="onTabChange">志愿者银行
     </view>

subpages/heart/pages/leaderboardNew/leaderboardNew.wxss

@@ -3,6 +3,7 @@ page {
 }
 
 .tab-bar {
+    margin-top: 16rpx;
     width: 100%;
     height: 90rpx;
     background: #fff;
@@ -236,3 +237,15 @@ button::after {
     color: #999;
     background: #f7f7f7;
   }
+  .banner{
+      width: 100%;
+      height: 500rpx;
+      background: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+  }
+  .banner image{
+      width: 310rpx;
+      height: 440rpx;
+  }