This commit is contained in:
parent
469e5db2ba
commit
8636ea12a2
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
#IntegralStatisticsTop {
|
||||
display: flex;
|
||||
height: 220px;
|
||||
height:200px;
|
||||
border-radius: 10px;
|
||||
padding-top: 14px;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -17,7 +17,6 @@
|
|||
|
||||
#IntegralStatisticsBottom {
|
||||
position: relative;
|
||||
top: 50px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
|
@ -38,7 +37,7 @@
|
|||
|
||||
.innerTopRight {
|
||||
height: fit-content;
|
||||
font-size: 30rpx;
|
||||
font-size: 24rpx;
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
color: #FFFFFF;
|
||||
|
|
@ -55,6 +54,7 @@
|
|||
height: fit-content;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.innerBottomOfTop {
|
||||
|
|
@ -64,11 +64,12 @@
|
|||
}
|
||||
|
||||
.innerBottom {
|
||||
height: 200px;
|
||||
margin: 0rpx 24rpx;
|
||||
background-color: #FFFFFF;
|
||||
width: 100%;
|
||||
height: 210px;
|
||||
margin: 12rpx 24rpx;
|
||||
background:#fffbf8 url('../../static/purse2.png');
|
||||
background-size: 100% 120%;
|
||||
border-radius: 10px;
|
||||
padding: 10rpx 16rpx;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -78,14 +79,12 @@
|
|||
grid-template-rows: auto;
|
||||
grid-template-columns: 95px 95px;
|
||||
grid-gap: 0px;
|
||||
margin-left: 50rpx;
|
||||
}
|
||||
|
||||
.IntegralClassify {
|
||||
height: 80px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
|
@ -94,7 +93,8 @@
|
|||
}
|
||||
|
||||
.IntegralClassifyInnerBottom {
|
||||
margin-top: 10px;
|
||||
font-size: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.IntegralImport {
|
||||
|
|
@ -104,7 +104,6 @@
|
|||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
top: calc((100% - 100px) /2);
|
||||
|
|
@ -127,9 +126,8 @@
|
|||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
overflow: auto;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 10px;
|
||||
margin: 0rpx 30rpx;
|
||||
margin: 0rpx 24rpx;
|
||||
}
|
||||
|
||||
.optionsDetailImport {
|
||||
|
|
@ -158,10 +156,12 @@
|
|||
display: none;
|
||||
}
|
||||
.innerTimer{
|
||||
font-size: 13px;
|
||||
margin-top: 5px;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
margin-right: 10px;
|
||||
padding: 10rpx 20rpx;
|
||||
background: linear-gradient(90deg, #5ecbbb, #36c0ae);
|
||||
border-radius: 20rpx 0 30rpx 0;
|
||||
}
|
||||
.activeTab {
|
||||
color: #0aa86a;
|
||||
|
|
@ -245,6 +245,8 @@
|
|||
}
|
||||
|
||||
.middleTop {
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
|
@ -269,4 +271,35 @@
|
|||
padding: 8rpx 20rpx;
|
||||
border-radius: 15rpx;
|
||||
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
|
||||
}
|
||||
}
|
||||
.middele-icon-back{
|
||||
margin-top:10rpx;
|
||||
}
|
||||
.middele-img{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
padding: 40rpx;
|
||||
background:#ffeeeb url('../../static/purse.png')19rpx 19rpx;
|
||||
background-size: 60% 60%;
|
||||
border-radius: 30rpx;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.middele-title{
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.IntegralClassifyta{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.middele-color{
|
||||
color: #fc4643;
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.middele-wold{
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -21,21 +21,21 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="middleTop">
|
||||
|
||||
<view class="IntegralImport">
|
||||
<view class="IntegralClassify">
|
||||
<view class="" style="margin-top: -12px;font-weight: 700; color: #fb672b;">
|
||||
{{this.homePageDataNum.totalRevenue ? this.homePageDataNum.totalRevenue : 0 }}
|
||||
</view>
|
||||
<view class="IntegralClassifyInnerBottom">
|
||||
本期收益(元)
|
||||
<view class="IntegralClassifyta">
|
||||
<view class="middele-icon-back"><image class="middele-img"src="../../static/purse.png" mode=""></image></view>
|
||||
<view class="middele-title">
|
||||
<view class="middele-color">{{this.homePageDataNum.totalRevenue ? this.homePageDataNum.totalRevenue : 0 }}</view>
|
||||
<view class="IntegralClassifyInnerBottom">
|
||||
本期收益(元)
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="innerBottomOfBottom">
|
||||
<view class="IntegralClassify">
|
||||
<view class="">
|
||||
<view class="middele-wold">
|
||||
{{this.homePageDataNum.projectBenefits ? this.homePageDataNum.projectBenefits : 0 }}
|
||||
</view>
|
||||
<view class="IntegralClassifyInnerBottom">
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="IntegralClassify">
|
||||
<view class="">
|
||||
<view class="middele-wold">
|
||||
{{this.homePageDataNum.vehicleFareAmount ? this.homePageDataNum.vehicleFareAmount : 0 }}
|
||||
</view>
|
||||
<view class="IntegralClassifyInnerBottom">
|
||||
|
|
@ -119,7 +119,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<uniLoadMore color="#007AFF" :iconType="iconType" :status="loadingStatus" :marginBottom="20"
|
||||
<uniLoadMore color="#999" :iconType="iconType" :status="loadingStatus" :marginBottom="20"
|
||||
:marginTop="20" v-if="isShowLoadMore" />
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -488,7 +488,7 @@
|
|||
margin-bottom: 5px;
|
||||
}
|
||||
.mian-foot-list{
|
||||
width: 73%;
|
||||
width: 72%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
@ -508,7 +508,6 @@
|
|||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.shouyi-text{
|
||||
|
|
@ -534,8 +533,7 @@
|
|||
font-size: 25rpx;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
border-top-left-radius: 21rpx;
|
||||
border-bottom-right-radius: 21rpx;
|
||||
border-radius: 8rpx 20rpx 20rpx 8rpx ;
|
||||
}
|
||||
.mian-head{
|
||||
width: 100%;
|
||||
|
|
@ -548,14 +546,13 @@
|
|||
margin-bottom: 10px;
|
||||
}
|
||||
.mian-view{
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
padding: 12px;
|
||||
padding:22rpx 26rpx;
|
||||
border-radius: 24rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 26rpx auto;
|
||||
|
||||
margin: 12rpx auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Loading…
Reference in New Issue