This commit is contained in:
2019-12-30 11:39:55 +08:00
parent 6c2e1acd4a
commit fe9beef904
15 changed files with 215 additions and 100 deletions

View File

@@ -4,7 +4,11 @@ Component({
* 组件的属性列表
*/
properties: {
name:String,
img:String,
A:String,
B:String,
C:String
},
/**

View File

@@ -45,7 +45,7 @@
font-size: 28rpx;
text-align: center;
.midbox {
width: 478rpx;
width: 590rpx;
height: 175rpx;
display: flex;
justify-content: space-between;
@@ -60,6 +60,7 @@
}
.money1 {
color: #F81F1F;
font-size: 24rpx;
}
.line {
width: 2rpx;

View File

@@ -1,9 +1,9 @@
<view class="box">
<view class="img"></view>
<view class="yongjintop">
<image class="photo"></image>
<image class="photo" src="{{img}}"></image>
<view class="tel">
<view>156***578</view>
<view>{{name}}</view>
<view class="mingpian">我的名片</view>
</view>
</view>
@@ -11,18 +11,26 @@
<view class="mid">
<view class="midbox">
<view>
<view class="way">昨日收益</view>
<view class="way">A级</view>
<view class="money">
<text class="money1">657.00</text>
<text>RMB</text>
<text class="money1">{{A}}</text>
<text></text>
</view>
</view>
<view class="line"></view>
<view>
<view class="way">B级</view>
<view class="money">
<text class="money1">{{B}}</text>
<text>人</text>
</view>
</view>
<view class="line"></view>
<view>
<view class="way">昨日收益</view>
<view class="way">C级</view>
<view class="money">
<text class="money1">657.00</text>
<text>RMB</text>
<text class="money1">{{C}}</text>
<text></text>
</view>
</view>
</view>

View File

@@ -1,78 +1 @@
.box {
width: 690rpx;
margin: 0 auto;
padding-bottom: 41rpx;
border-bottom: 2rpx solid #EEEEEE;
}
.box .img {
width: 40rpx;
height: 39rpx;
background-color: #999999;
float: right;
}
.box .yongjintop {
width: 317rpx;
margin-top: 71rpx;
margin-left: 30rpx;
display: flex;
}
.box .yongjintop .photo {
width: 130rpx;
height: 130rpx;
background-color: gold;
margin-bottom: 52rpx;
border-radius: 90%;
}
.box .yongjintop .tel {
color: #333333;
font-size: 28rpx;
margin-top: 33rpx;
margin-left: 35rpx;
}
.box .yongjintop .tel .mingpian {
font-size: 24rpx;
color: #999999;
margin-top: 18rpx;
}
.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;
}
.box{width:690rpx;margin:0 auto;padding-bottom:41rpx;border-bottom:2rpx solid #EEEEEE}.box .img{width:40rpx;height:39rpx;background-color:#999999;float:right}.box .yongjintop{width:317rpx;margin-top:71rpx;margin-left:30rpx;display:flex}.box .yongjintop .photo{width:130rpx;height:130rpx;background-color:gold;margin-bottom:52rpx;border-radius:90%}.box .yongjintop .tel{color:#333333;font-size:28rpx;margin-top:33rpx;margin-left:35rpx}.box .yongjintop .tel .mingpian{font-size:24rpx;color:#999999;margin-top:18rpx}.mid{width:100%;height:175rpx;border-bottom:20rpx solid #FBFBFB;color:#333333;font-size:28rpx;text-align:center}.mid .midbox{width:590rpx;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;font-size:24rpx}.mid .line{width:2rpx;height:60rpx;margin:auto 0;background-color:#EEEEEE}