[最新更新]
This commit is contained in:
@@ -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'}}%">
|
||||
|
||||
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user