11

pages/integral/integral.js

@@ -4,7 +4,35 @@ const app = getApp()
 
 Page({
   data: {
-
+    integralList: [
+      {
+       id:1,
+       status:'已结算',
+       name:'张三哈',
+       money:'300.00',
+       grade:'一级',
+       time:'2020-10-2',
+       num:'11111111111',
+      },
+      {
+        id:2,
+        status:'未结算',
+        name:'张三哈',
+        money:'300.00',
+        grade:'一级',
+        time:'2020-10-2',
+        num:'11111111111'
+       },
+       {
+        id:3,
+        status:'未结算',
+        name:'张三哈',
+        money:'300.00',
+        grade:'一级',
+        time:'2020-10-2',
+        num:'11111111111'
+       },
+    ],
   },
   //事件处理函数
   bindViewTap: function () {

pages/integral/integral.wxml

@@ -3,6 +3,71 @@
     积分明细
   </view>
   <view class="two">
-    内容sssg'g'g'g
+    <van-tabs active="{{ active }}">
+      <van-tab title="直推积分">
+        <!-- <view class="companyNews">
+          <view class="list" wx:key="unique" wx:for="{{companyList}}" wx:for-item="item">
+            <view bindtap="companyBtn" data-item="{{item}}">
+              <view class="title">
+                <text class="textOver">{{item.title}}</text>
+                <text>{{item.create_time}}</text>
+              </view>
+              <view class="brief">
+                简介:{{item.brief||'暂无'}}
+              </view>
+            </view>
+          </view>
+        </view> -->
+        <view class="integral" wx:for="{{integralList}}" wx:key="id">
+          <view class="list">
+            <view class="status">
+              <text class="text">{{item.status}}</text>
+            </view>
+            <view class="left1">
+              <view class="top1">
+                <text class="name">{{item.name}}</text>
+                <text class="num">{{item.num}}</text>
+              </view>
+              <view class="foot1">
+                <text class="name">等级：{{item.grade}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </van-tab>
+      <van-tab title="开卡量">
+        <!-- <view class="workNews">
+          <view class="list" wx:key="unique" wx:for="{{workNewsList}}" wx:for-item="item">
+            <view bindtap="companyBtn" data-item="{{item}}">
+              <view class="title">
+                {{item.title}}
+              </view>
+              <view class="other">
+                <text>{{item.orgin}}</text>
+                <text>{{item.create_time}}</text>
+              </view>
+            </view>
+          </view>
+        </view> -->
+      </van-tab>
+      <van-tab title="卡单分红">
+        <!-- <view class="jobsNews">
+          <view class="list" wx:key="unique" wx:for="{{jobsNewsList}}" wx:for-item="item">
+            <view bindtap="companyBtn" data-item="{{item}}">
+              <view class="image">
+                <image src="{{item.imgUrl}}" wx:if="{{item.imgUrl}}"></image>
+                <image src="../images/banner2.png" wx:else></image>
+              </view>
+              <view class="other">
+                <view class="title">{{item.title}}</view>
+                <view class="type">
+                  <text>{{item.type}}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view> -->
+      </van-tab>
+    </van-tabs>
   </view>
-</view>
+</view>

pages/integral/integral.wxss

@@ -19,4 +19,59 @@
   top: 80rpx;
   width: 100%;
   height: 15000px;
+}
+
+.main .two .integral {
+  padding: 20rpx 30rpx;
+  background-color: #f5f5f5;
+}
+
+.main .two .integral .list {
+  height: 110rpx;
+  background-color: #ffffff;
+  border-radius: 10rpx;
+  padding: 15rpx;
+}
+
+.main .two .integral .list .status {
+  width: 110rpx;
+  height: 110rpx;
+  background-color: #ff3300;
+  border-radius: 50%;
+  position: relative;
+  float: left;
+}
+
+.main .two .integral .list .status .text {
+  color: #ffffff;
+  position: absolute;
+  top: 32rpx;
+  left: 9rpx;
+  font-size: 30rpx;
+}
+
+.main .two .integral .list .left1 {
+  float: left;
+}
+
+.main .two .integral .list .left1 .top1 {
+  margin-left: 25rpx;
+}
+
+.main .two .integral .list .left1 .top1 .name {
+  font-size: 38rpx;
+}
+
+.main .two .integral .list .left1 .top1 .num {
+  font-size: 20rpx;
+  border: 1px solid red;
+  margin-left: 10rpx;
+  padding: 10rpx;
+  border-radius: 10rpx;
+  color: red;
+}
+
+.main .two .integral .list .foot1 {
+  margin-left: 25rpx;
+  margin-top: 20rpx;
 }