Skip to content

H
h5-base
Commit 381144ae authored by IvyXia123's avatar IvyXia123
Browse files
Options

提交

parent 07a613f2
Hide whitespace changes
Inline Side-by-side
Showing with 37 additions and 15 deletions
src/components/punchTheClock/index.vue
View file @ 381144ae
...@@ -44,10 +44,16 @@ ...@@ -44,10 +44,16 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 恭喜您已获得奖励 快联系班主任领取吧! --> <!-- 恭喜您已获得奖励 快联系班主任领取吧! v-if="forthRate === 100" -->
<div class="punch-the-clock-reward" v-if="forthRate === 100"> <div class="punch-the-clock-reward">
<div class="punch-the-clock-reward-title">恭喜您已获得奖励</div> <div class="punch-the-clock-reward-con">
<div class="punch-the-clock-reward-content">系统将在7个工作日内将奖励发放至您的微信钱包，还请注意查收！</div> <div class="punch-the-clock-reward-title">恭喜你完成打卡任务</div>
<div class="punch-the-clock-reward-small-title">获得以下奖励</div>
<div class="punch-the-clock-reward-prize">
<div class="punch-the-clock-reward-prize-title">一、红包奖励</div>
</div>
</div>
</div> </div>
<!-- 今日卡 --> <!-- 今日卡 -->
<div class="today-list today-list-padding" v-if="todayData.length !== 0 && forthRate !== 100"> <div class="today-list today-list-padding" v-if="todayData.length !== 0 && forthRate !== 100">
...@@ -687,25 +693,41 @@ ...@@ -687,25 +693,41 @@
/* 恭喜您已获得奖励 快联系班主任领取吧! */ /* 恭喜您已获得奖励 快联系班主任领取吧! */
.punch-the-clock-reward { .punch-the-clock-reward {
width: 335 * @toVw; width: 335 * @toVw;
height: 167 * @toVw; margin-top: 6 * @toVw;
margin-top: -18 * @toVw; background: #F76D39;
padding: 70 * @toVw 24 * @toVw 0; border-top: 30 * @toVw solid #F76D39;
background: url("../../assets/punchTheClock/gaozhi.png") no-repeat; border-bottom: 11 * @toVw solid #F76D39;
background-size: 100% 100%; border-left: 11 * @toVw solid #F76D39;
border-right: 11 * @toVw solid #F76D39;
border-radius: 10 * @toVw; border-radius: 10 * @toVw;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
.punch-the-clock-reward-con {
width: 100%;
height: 100%;
padding-top: 22 * @toVw;
padding-bottom: 22 * @toVw;
background: #FFFFFF;
border-radius: 10 * @toVw;
}
.punch-the-clock-reward-title { .punch-the-clock-reward-title {
font-size: 17 * @toVw; font-size: 17 * @toVw;
font-weight: 500; font-weight: 500;
color: #BB3E00; color: #F76D39;
}
.punch-the-clock-reward-small-title {
padding-top: 6 * @toVw;
font-size: 12 * @toVw;
color: #F76D39;
} }
.punch-the-clock-reward-content { .punch-the-clock-reward-prize {
line-height: 21 * @toVw; padding: 0 15 * @toVw;
font-size: 14 * @toVw;punch-card-today
font-weight: 500;
text-align: left; text-align: left;
color: #505050; .punch-the-clock-reward-prize-title {
font-size: 14 * @toVw;
font-weight: 500;
color: #333333;
}
} }
} }
/* 今日卡 */ /* 今日卡 */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment