yangjun
/
sadjv3_jishi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

This commit is contained in:
kbing1981 2024-07-25 10:53:15 +08:00
parent 469e5db2ba
commit 8636ea12a2
4 changed files with 67 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
my/commission/index.css
View File

@ -9,7 +9,7 @@
#IntegralStatisticsTop { #IntegralStatisticsTop {
display: flex; display: flex;
height: 220px; height:200px;
border-radius: 10px; border-radius: 10px;
padding-top: 14px; padding-top: 14px;
flex-wrap: wrap; flex-wrap: wrap;
@ -17,7 +17,6 @@
#IntegralStatisticsBottom { #IntegralStatisticsBottom {
position: relative; position: relative;
top: 50px;
margin: auto; margin: auto;
} }
@ -38,7 +37,7 @@
.innerTopRight { .innerTopRight {
height: fit-content; height: fit-content;
font-size: 30rpx; font-size: 24rpx;
display: flex; display: flex;
justify-content: right; justify-content: right;
color: #FFFFFF; color: #FFFFFF;
@ -55,6 +54,7 @@
height: fit-content; height: fit-content;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin-bottom: 10rpx;
} }
.innerBottomOfTop { .innerBottomOfTop {
@ -64,11 +64,12 @@
} }
.innerBottom { .innerBottom {
height: 200px; width: 100%;
margin: 0rpx 24rpx; height: 210px;
background-color: #FFFFFF; margin: 12rpx 24rpx;
background:#fffbf8 url('../../static/purse2.png');
background-size: 100% 120%;
border-radius: 10px; border-radius: 10px;
padding: 10rpx 16rpx;
} }
@ -78,14 +79,12 @@
grid-template-rows: auto; grid-template-rows: auto;
grid-template-columns: 95px 95px; grid-template-columns: 95px 95px;
grid-gap: 0px; grid-gap: 0px;
margin-left: 50rpx;
} }
.IntegralClassify { .IntegralClassify {
height: 80px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: column; flex-direction: column;
} }
@ -94,7 +93,8 @@
} }
.IntegralClassifyInnerBottom { .IntegralClassifyInnerBottom {
margin-top: 10px; font-size: 24rpx;
margin-top: 4rpx;
} }
.IntegralImport { .IntegralImport {
@ -104,7 +104,6 @@
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
margin-top: 10px;
font-size: 16px; font-size: 16px;
position: relative; position: relative;
top: calc((100% - 100px) /2); top: calc((100% - 100px) /2);
@ -127,9 +126,8 @@
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: column; flex-direction: column;
overflow: auto; overflow: auto;
background-color: #FFFFFF;
border-radius: 10px; border-radius: 10px;
margin: 0rpx 30rpx; margin: 0rpx 24rpx;
} }
.optionsDetailImport { .optionsDetailImport {
@ -158,10 +156,12 @@
display: none; display: none;
} }
.innerTimer{ .innerTimer{
font-size: 13px; font-size: 14px;
margin-top: 5px; color: #ffffff;
color: #999;
margin-right: 10px; margin-right: 10px;
padding: 10rpx 20rpx;
background: linear-gradient(90deg, #5ecbbb, #36c0ae);
border-radius: 20rpx 0 30rpx 0;
} }
.activeTab { .activeTab {
color: #0aa86a; color: #0aa86a;
@ -245,6 +245,8 @@
} }
.middleTop { .middleTop {
margin: 0 auto;
width: 90%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
@ -269,4 +271,35 @@
padding: 8rpx 20rpx; padding: 8rpx 20rpx;
border-radius: 15rpx; border-radius: 15rpx;
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495); 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;
}

35
my/commission/index.vue
View File

@ -21,21 +21,21 @@
</view> </view>
</view> </view>
<view class="middleTop"> <view class="middleTop">
<view class="IntegralImport"> <view class="IntegralImport">
<view class="IntegralClassify"> <view class="IntegralClassifyta">
<view class="" style="margin-top: -12px;font-weight: 700; color: #fb672b;"> <view class="middele-icon-back"><image class="middele-img"src="../../static/purse.png" mode=""></image></view>
{{this.homePageDataNum.totalRevenue ? this.homePageDataNum.totalRevenue : 0 }} <view class="middele-title">
</view> <view class="middele-color">{{this.homePageDataNum.totalRevenue ? this.homePageDataNum.totalRevenue : 0 }}</view>
<view class="IntegralClassifyInnerBottom"> <view class="IntegralClassifyInnerBottom">
本期收益(元) 本期收益(元)
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="line"></view>
<view class="innerBottomOfBottom"> <view class="innerBottomOfBottom">
<view class="IntegralClassify"> <view class="IntegralClassify">
<view class=""> <view class="middele-wold">
{{this.homePageDataNum.projectBenefits ? this.homePageDataNum.projectBenefits : 0 }} {{this.homePageDataNum.projectBenefits ? this.homePageDataNum.projectBenefits : 0 }}
</view> </view>
<view class="IntegralClassifyInnerBottom"> <view class="IntegralClassifyInnerBottom">
@ -43,7 +43,7 @@
</view> </view>
</view> </view>
<view class="IntegralClassify"> <view class="IntegralClassify">
<view class=""> <view class="middele-wold">
{{this.homePageDataNum.vehicleFareAmount ? this.homePageDataNum.vehicleFareAmount : 0 }} {{this.homePageDataNum.vehicleFareAmount ? this.homePageDataNum.vehicleFareAmount : 0 }}
</view> </view>
<view class="IntegralClassifyInnerBottom"> <view class="IntegralClassifyInnerBottom">
@ -119,7 +119,7 @@
</view> </view>
</view> </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" /> :marginTop="20" v-if="isShowLoadMore" />
</view> </view>
</view> </view>
@ -488,7 +488,7 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
.mian-foot-list{ .mian-foot-list{
width: 73%; width: 72%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -508,7 +508,6 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.shouyi-text{ .shouyi-text{
@ -534,8 +533,7 @@
font-size: 25rpx; font-size: 25rpx;
text-align: center; text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-top-left-radius: 21rpx; border-radius: 8rpx 20rpx 20rpx 8rpx ;
border-bottom-right-radius: 21rpx;
} }
.mian-head{ .mian-head{
width: 100%; width: 100%;
@ -548,14 +546,13 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.mian-view{ .mian-view{
width: 95%; width: 100%;
background-color: #fff; background-color: #fff;
padding: 12px; padding:22rpx 26rpx;
border-radius: 24rpx; border-radius: 24rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 26rpx auto; margin: 12rpx auto;
} }
</style> </style>

BIN
static/purse.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/purse2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB