[最新更新]

This commit is contained in:
2024-03-04 15:13:17 +08:00
parent 51a04d53ce
commit ee98f5921d
42 changed files with 1853 additions and 74 deletions

View File

@@ -20,11 +20,18 @@
<!-- 进图条 -->
<view class="bar" wx:if="{{examine.show}}">
<view class="bar-title">销售补贴考核进度</view>
<view class="bar-title">
<view class="bar-title-left">销售补贴考核进度</view>
<view>¥{{examine.amount}} <text>元</text></view>
</view>
<view class="bar-line">
<view class="progress" style="width: 100%"></view>
<view class="progress-box" style="width: {{examine.amount < examine.need ? examine.amount : '100'}}%">
<view class="progress-box-name {{examine.amount == 0 ? 'active' : ''}}" wx:if="{{examine.need != examine.amount}}">{{examine.amount}}</view>
<!-- <view class="progress-box-name {{examine.amount == 0 ? 'active' : ''}}" wx:if="{{examine.need != examine.amount}}">{{examine.amount}}</view> -->
</view>
<view class="progress-see-name">
<view class="progress-see-name-left">0</view>
<view>{{examine.need}}</view>
</view>
<!-- <view class="progress" style="width: {{examine.need}}%">
<view class="progress-box" style="width: {{examine.amount < examine.need ? examine.amount : '100'}}%">

View File

@@ -15,13 +15,16 @@ page { background-color: #f6f6f6; }
/* 进度条 */
.bar {margin: 30rpx; background-color: #ffffff; border-radius: 20rpx;box-sizing: border-box; padding: 30rpx;}
.bar-title {font-weight: 600; margin-bottom: 30rpx;}
.bar-line {width: 100%; height: 60rpx; overflow: hidden;position: relative;}
.bar-title {font-weight: 600; margin-bottom: 30rpx; display: flex;}
.bar-title-left {flex: 1;}
.bar-line {width: 100%; height: 70rpx; overflow: hidden;position: relative;}
.progress {height: 20rpx; background-color: #ffb0c2;position: absolute; left: 0; top: 0;}
.progress-box {position: absolute; background-color: #dc3159; height: 20rpx;}
.progress-box-name {right: 0rpx;top: 35rpx;position: absolute; font-size: 24rpx; color: #dc3159;}
.progress-box-name.active {right: -15rpx;}
.progress-name {position: absolute;right: 0rpx;top: 35rpx; font-size: 24rpx; color: rgb(146, 146, 146);}
.progress-see-name {display: flex; margin-top: 30rpx;}
.progress-see-name-left {flex: 1;}
/* 收益明细 */
.listTitle { padding: 30rpx 30rpx 0; font-weight: 600; box-sizing: border-box; font-size: 30rpx; }