我的积分 内容补充

pages/my-Integral/my-Integral.json

@@ -3,6 +3,7 @@
     "van-grid": "@vant/weapp/grid/index",
     "van-grid-item": "@vant/weapp/grid-item/index",
     "van-tab": "@vant/weapp/tab/index",
-    "van-tabs": "@vant/weapp/tabs/index"
+    "van-tabs": "@vant/weapp/tabs/index",
+    "van-divider": "@vant/weapp/divider/index"
   }
 }

pages/my-Integral/my-Integral.wxml

@@ -25,11 +25,112 @@
   </view>
   <view class="bottom">
     <view class="">
-      <van-tabs sticky class="order-tabs" >
-        <van-tab title="入账中" >
-          <view>
-            内容 1
+      <van-tabs sticky class="order-tabs">
+        <van-tab title="入账中">
+          <van-divider />
+          <view class="box">
+            <view>
+              <view class="complete">
+                完成订单
+              </view>
+              <view class="box-calendar">
+                <view class="date">
+                  2019-03-29
+                </view>
+                09:57:30
+              </view>
+            </view>
+            <view class="right-jiafen">
+              +40
+            </view>
           </view>
+          <van-divider />
+          <view class="box">
+            <view>
+              <view class="complete">
+                完成订单
+              </view>
+              <view class="box-calendar">
+                <view class="date">
+                  2019-03-29
+                </view>
+                09:57:30
+              </view>
+            </view>
+            <view class="right-jiafen">
+              +40
+            </view>
+          </view>
+          <van-divider />
+          <view class="box">
+            <view>
+              <view class="complete">
+                完成订单
+              </view>
+              <view class="box-calendar">
+                <view class="date">
+                  2019-03-29
+                </view>
+                09:57:30
+              </view>
+            </view>
+            <view class="right-jiafen">
+              +40
+            </view>
+          </view>
+          <van-divider />
+          <view class="box">
+            <view>
+              <view class="complete">
+                完成订单
+              </view>
+              <view class="box-calendar">
+                <view class="date">
+                  2019-03-29
+                </view>
+                09:57:30
+              </view>
+            </view>
+            <view class="right-jiafen">
+              +40
+            </view>
+          </view>
+          <van-divider />
+          <view class="box">
+            <view>
+              <view class="complete">
+                完成订单
+              </view>
+              <view class="box-calendar">
+                <view class="date">
+                  2019-03-29
+                </view>
+                09:57:30
+              </view>
+            </view>
+            <view class="right-jiafen">
+              +40
+            </view>
+          </view>
+          <van-divider />
+          <view class="box">
+            <view>
+              <view class="complete">
+                完成订单
+              </view>
+              <view class="box-calendar">
+                <view class="date">
+                  2019-03-29
+                </view>
+                09:57:30
+              </view>
+            </view>
+            <view class="right-jiafen">
+              +40
+            </view>
+          </view>
+          <van-divider />
+
         </van-tab>
         <van-tab title="收支明细">内容 2</van-tab>
       </van-tabs>

pages/my-Integral/my-Integral.wxss

@@ -52,7 +52,8 @@ page {
 .bottom {
   background-color: #ffffff;
   box-sizing: border-box;
-  padding: 0 13%;
+  height: 100vh;
+
 }
 
 .bill {
@@ -74,3 +75,26 @@ page {
 .van-tabs__line {
   display: none;
 }
+.box{
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  padding: 0%  13% 0%;
+}
+.complete{
+
+font-weight: 800;
+}
+.box-calendar{
+  display: flex;
+  color: #b4b4b4;
+  font-size: 28rpx;
+}
+.date{
+  margin-right: 10rpx;
+}
+.right-jiafen{
+  color: #ff8b09;
+  font-weight: 800;
+  margin-right: 20rpx;
+}