体现

components/yue/yongjintop/yongjintop.js

@@ -4,7 +4,8 @@ Component({
    * 组件的属性列表
    */
   properties: {
-
+    tel:String,
+    img:String
   },
 
   /**

components/yue/yongjintop/yongjintop.scss

@@ -12,12 +12,13 @@
             width: 130rpx;
             height: 130rpx;
             background-color: gold;
-            margin-bottom: 44rpx;
+            margin-bottom: 24rpx;
             border-radius: 90%;
         }
         .tel {
             color: #333333;
             font-size: 28rpx;
+            text-align: center;
         }
     }
 }

components/yue/yongjintop/yongjintop.wxml

@@ -1,7 +1,7 @@
 <view class="box">
     <view class="yongjintop">
-        <image class="photo"></image>
+        <image class="photo" src="{{img}}"></image>
-        <view class="tel">156***578</view>
+        <view class="tel">{{tel}}</view>
     </view>
 </view>
 <view class="mid">
@@ -9,15 +9,15 @@
  <view>
         <view class="way">昨日收益</view>
         <view class="money">
-            <text class="money1">657.00</text>
+            <text class="money1">0</text>
             <text>RMB</text>
         </view>
     </view>
     <view class="line"></view>
       <view>
-        <view class="way">昨日收益</view>
+        <view class="way">累计收益</view>
         <view class="money">
-            <text class="money1">657.00</text>
+            <text class="money1">0</text>
             <text>RMB</text>
         </view>
     </view>

components/yue/yongjintop/yongjintop.wxss

@@ -1,63 +1 @@
-.box {
+.box{width:690rpx;margin:0 auto;padding-bottom:41rpx;border-bottom:2rpx solid #EEEEEE}.box .yongjintop{width:152rpx;height:196rpx;margin:0 auto;margin-top:40rpx}.box .yongjintop .photo{width:130rpx;height:130rpx;background-color:gold;margin-bottom:24rpx;border-radius:90%}.box .yongjintop .tel{color:#333333;font-size:28rpx;text-align:center}.mid{width:100%;height:175rpx;border-bottom:20rpx solid #FBFBFB;color:#333333;font-size:28rpx;text-align:center}.mid .midbox{width:478rpx;height:175rpx;display:flex;justify-content:space-between;margin:0 auto}.mid .way{margin-top:46rpx;margin-bottom:14rpx}.mid .money{font-size:24rpx}.mid .money1{color:#F81F1F}.mid .line{width:2rpx;height:60rpx;margin:auto 0;background-color:#EEEEEE}
-  width: 690rpx;
-  margin: 0 auto;
-  padding-bottom: 41rpx;
-  border-bottom: 2rpx solid #EEEEEE;
-}
-
-.box .yongjintop {
-  width: 152rpx;
-  height: 196rpx;
-  margin: 0 auto;
-  margin-top: 40rpx;
-}
-
-.box .yongjintop .photo {
-  width: 130rpx;
-  height: 130rpx;
-  background-color: gold;
-  margin-bottom: 44rpx;
-  border-radius: 90%;
-}
-
-.box .yongjintop .tel {
-  color: #333333;
-  font-size: 28rpx;
-}
-
-.mid {
-  width: 100%;
-  height: 175rpx;
-  border-bottom: 20rpx solid #FBFBFB;
-  color: #333333;
-  font-size: 28rpx;
-  text-align: center;
-}
-
-.mid .midbox {
-  width: 478rpx;
-  height: 175rpx;
-  display: flex;
-  justify-content: space-between;
-  margin: 0 auto;
-}
-
-.mid .way {
-  margin-top: 46rpx;
-  margin-bottom: 14rpx;
-}
-
-.mid .money {
-  font-size: 24rpx;
-}
-
-.mid .money1 {
-  color: #F81F1F;
-}
-
-.mid .line {
-  width: 2rpx;
-  height: 60rpx;
-  margin: auto 0;
-  background-color: #EEEEEE;
-}

pages/yongjin/yongjin.js

@@ -1,17 +1,40 @@
 // pages/yongjin/yongjin.js
+import bin from "../../utils/bin"
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-
+    user:{},
+    list:[]
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
+    bin.request({
+      url:"User/validateOpenid"
+    }).then((res)=>{
+      console.log(res)
+      this.setData({
+        user:res.data.data
+      })
+    })
+    bin.getuserid().then((id)=>{
+      bin.request({
+        url:"User/my_bill",
+        urldata:{
+          user_id:id
+        }
+      }).then((res)=>{
+        console.log(res)
+        this.setData({
+          list:res.data
+        })
+      })
+    })
 
   },
 

pages/yongjin/yongjin.scss

@@ -5,3 +5,8 @@
 .title {
     margin-top: 40rpx
 }
+.tixian{
+    position: absolute;
+    top: 20rpx;
+    right: 60rpx;
+}

pages/yongjin/yongjin.wxml

@@ -1,9 +1,12 @@
 <view class="yongjin">
-    <yongjintop></yongjintop>
+    <yongjintop tel="{{user.nick_name}}" img="{{user.head_pic}}"></yongjintop>
     <view class="title">
-        <yuetitle></yuetitle>
+        <yuetitle ></yuetitle>
     </view>
-    <view class="detail">
+ <view class="detail" wx:for="{{list}}" wx:key="{{index}}">
+        <yuedetail date="{{item.change_time}}" money="{{item.user_money}}" time="00-00-00"></yuedetail>
+    </view>
+       <!-- <view class="detail">
         <yuedetail></yuedetail>
     </view>
     <view class="detail">
@@ -11,8 +14,6 @@
     </view>
     <view class="detail">
         <yuedetail></yuedetail>
-    </view>
+    </view> -->
-    <view class="detail">
+    <view class="tixian">提现</view>
-        <yuedetail></yuedetail>
-    </view>
 </view>

pages/yongjin/yongjin.wxss

@@ -1,7 +1 @@
-.detail {
+.detail{margin-top:41rpx}.title{margin-top:40rpx}.tixian{position:absolute;top:20rpx;right:60rpx}
-  margin-top: 41rpx;
-}
-
-.title {
-  margin-top: 40rpx;
-}