Lee
/
coupon-secend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

前端完成

master
Lee1203 2022-10-01 19:44:04 +08:00
parent a8662dc852
commit 2d0859c7ab
3 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/style.css
View File

@ -769,7 +769,7 @@
.collect-coupons{ .collect-coupons{
display: none; display: none;
width: calc(100% - 1rem); width: calc(100% - 1rem);
height: 60vh; height: 70vh;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
background-color: #ffffff; background-color: #ffffff;
border-radius: .3rem; border-radius: .3rem;
@ -783,9 +783,14 @@
.collect-coupons.show{ .collect-coupons.show{
display: block; display: block;
} }
.collect-coupons-title{
line-height: .4rem;
text-align: center;
margin-bottom: .2rem;
}
.collect-coupons-list{ .collect-coupons-list{
width: 100%; width: 100%;
max-height: calc(60vh - 1rem); max-height: calc(70vh - 1.6rem);
overflow-y: auto; overflow-y: auto;
} }
.collect-coupons-list::-webkit-scrollbar { .collect-coupons-list::-webkit-scrollbar {

17
user/index.html
View File

@ -57,18 +57,27 @@
<div class="introduce font30"> <div class="introduce font30">
<div class="rich-text"> <div class="rich-text">
<p> <p>
<span class="radius20 background-f35 flex" style="justify-content: center;align-items:center;height: .62rem;margin-bottom: .2rem;">参与方式</span>
</p>用户关注“万安之声”公众号后，从公众号活入口参与活动。
<p style="margin-top: .3rem;">
<span class="radius20 background-f35 flex" style="justify-content: center;align-items:center;height: .62rem;margin-bottom: .2rem;">消费券领取及兑换规则 </span> <span class="radius20 background-f35 flex" style="justify-content: center;align-items:center;height: .62rem;margin-bottom: .2rem;">消费券领取及兑换规则 </span>
1.抢券时间为5天 上午开抢时间上午10：00整和下午15：00整。<br /> 1.抢券时间为2022年10月1日至2022年10月6日 ，总计六天，奖券发放时间为每天早上10：00整。<br />
2.每天发放20元面值20张、30元面值40张、50元面值40张、80元面值30张、100元面值20张，此券拆分上午和下午准时定点发放。<br /> 2.每天发放，满10万减1000元、满20万减2000元、满30万减3000元，此券每日零点准时定点发放。<br />
3.消费券每人每天可参加一次抽奖活动领取。 3.消费券每个账号只可参加一次领取活动。
</p> </p>
<p style="margin-top: .3rem;"> <p style="margin-top: .3rem;">
<span class="radius20 background-f35 flex" style="justify-content: center;align-items:center;height: .62rem;margin-bottom: .2rem;">消费券使用规则</span> <span class="radius20 background-f35 flex" style="justify-content: center;align-items:center;height: .62rem;margin-bottom: .2rem;">消费券使用规则</span>
1.使用此券可与店内活动同享。<br /> 1.使用此券可与店内活动同享。<br />
2.此券在活动期内使用，如未在活动期内使用视为作废。<br /> 2.此券在活动期内使用，如未在活动期内使用视为作废。<br />
3.此消费券不找零，不兑换现金。<br /> 3.此消费券不找零，不兑换现金。<br />
4.消费券可叠加使用。 4.消费券不可叠加使用。<br />
5.消费券使用时间为2022年10月1日至2022年10月31日。
</p> </p>
<p style="margin-top: .3rem;">
<span class="radius20 background-f35 flex" style="justify-content: center;align-items:center;height: .62rem;margin-bottom: .2rem;">使用门店</span>
本次参与活动的万安车企，详见商家列表。
</p>
<p style="margin-top: .3rem; color: #666666; text-align: center;">注：活动最终解释权归主办方所有。</p>
</div> </div>
</div> </div>
</div> </div>

1
user/luck-draw.html
View File

@ -54,6 +54,7 @@
<div class="pull-bg pull-bg-navigation"></div> <div class="pull-bg pull-bg-navigation"></div>
<!-- 上传资料弹窗 --> <!-- 上传资料弹窗 -->
<div class="write-off collect-coupons border-box"> <div class="write-off collect-coupons border-box">
<div class="collect-coupons-title font36">购车资料</div>
<div class="collect-coupons-list"> <div class="collect-coupons-list">
<div class="item font30 color-99"> <div class="item font30 color-99">
<em class="upload-tips font24 color-f35">注释：图片不得大于1.5M</em> <em class="upload-tips font24 color-f35">注释：图片不得大于1.5M</em>