27 lines
1.3 KiB
Plaintext
27 lines
1.3 KiB
Plaintext
<!--packageH/deposit_group/component/progress/progress.wxml-->
|
|
<view class="steps_box" bindtap="translate" style="--bgColor: {{backgroundRGB[0]}}, {{backgroundRGB[1]}}, {{backgroundRGB[2]}};">
|
|
<view id="progress" class="progress">
|
|
<view class="progress_act" style="width: {{steps * percent}}%;"></view>
|
|
</view>
|
|
<!-- 气泡 -->
|
|
<div class="progress-animation-els" style="left:{{steps * percent - 5}}%">
|
|
<div class="progress-animation-el">+1</div>
|
|
<div class="progress-animation-el">+1</div>
|
|
<div class="progress-animation-el progress-animation-el-mini" style="animation-delay:1.5s"></div>
|
|
<div class="progress-animation-el progress-animation-el-mini" style="animation-delay:1.8s"></div>
|
|
<div class="progress-animation-el" style="animation-delay:1.3s">+1</div>
|
|
<div class="progress-animation-el" style="animation-delay:1s">+1</div>
|
|
</div>
|
|
|
|
<view class="steps_all">
|
|
<view class="steps_one_cont steps{{index}}" wx:for="{{progressList}}" wx:key="index">
|
|
<view class="icon {{(steps === index && index > 0) ? 'aniamtion': ''}}">
|
|
<image class="img" wx:if="{{ index < progressList.length}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/depositGroup/redEnvelope_{{index}}@2x.png" mode="widthFix"></image>
|
|
</view>
|
|
<view style="color: #ff2c29;">￥{{item.deal_price}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|