msb_52843
/
dalong_mall
1
0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix~

Browse Source
master
yuan 7 years ago
parent 8ce79a8e16
commit 42ea3adcd7
2 changed files with 85 additions and 34 deletions
Show Stats Download Patch File Download Diff File

86
src/main/resources/templates/activity/mondelay/mondelay.html
Unescape View File

@ -17,8 +17,16 @@
<script type="text/javascript" src="/static/lib/jquery/jquery-2.1.4.min.js"></script>
</head>
<body>
<div class="title_img">
<h1><img src="/static/templates/activity/mondelay/title@2x.png"></h1>
<div th:class="!${expire}?'margin_bottom'">
<div class="title_img">
<h1><img src="/static/templates/activity/mondelay/title@2x.png"></h1>
</div>
</div>
<div class="activity_close" th:if="${expire}">
<div class="line"></div>
<div class="activity_text">活动已结束</div>
<div class="line"></div>
</div>
<div class="content ul_font">
<div class="h2_width">
@ -39,45 +47,57 @@
<li>本活动最终解释权归RoyalPay所有</li>
</ul>
</div>
<div class="button_center" th:if="!${apply}" id="applyButton">
<button class="button_position">
<span style="color: #FFFFFF;">我要参加</span>
<div class="button_center" th:if="${active&&expire}">
<button class="button_position button_active">
<span style="color:#9BFBFE;"><font th:text="${#dates.format(active_date, 'MM-dd')}"></font> 敬请期待</span>
</button>
</div>
<div th:class="${apply}?'margin_top'">
<div class="content">
<div class="h3_width">
<h2>补贴金额记录</h2>
<div th:if="!${active}">
<div th:unless="${expire}">
<div class="button_center" th:if="!${apply}" id="applyButton">
<button class="button_position">
<span style="color: #FFFFFF;">我要参加</span>
</button>
</div>
</div>
<div th:class="${apply}?'margin_top'" th:if="${list.size()>0}">
<div class="content">
<div class="h3_width">
<h2>补贴金额记录</h2>
</div>
<div class="amount_title">
<h5>累计补贴金额</h5>
<div class="total_redpack">$ <span th:text="${total_redpack}"></span></div>
</div>
<div class="amount_title">
<h5>累计补贴金额</h5>
<div class="total_redpack">$ <span th:text="${total_redpack}"></span></div>
</div>
<div class="content_table">
<table class="table">
<thead>
<tr>
<th>时间</th>
<th style="text-align: right">补贴金额</th>
</tr>
</thead>
<tbody>
<tr th:each="redpack:${list}">
<td th:text="${#dates.format(redpack['send_time'], 'yyyy-MM-dd')}">>04-01 12:00</td>
<td style="text-align: right" th:text="${redpack['redpack_amount']}">$5.00</td>
</tr>
</tbody>
</table>
<div class="content_table">
<table class="table">
<thead>
<tr>
<th>时间</th>
<th style="text-align: right">补贴金额</th>
</tr>
</thead>
<tbody>
<tr th:each="redpack:${list}">
<td th:text="${#dates.format(redpack['send_time'], 'yyyy-MM-dd')}">>04-01 12:00</td>
<td style="text-align: right" th:text="${redpack['redpack_amount']}">$5.00</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div th:unless="${expire}">
<div class="button_center cancel_posttion" th:if="${apply}" id="cancelButton">
<button class="button_position button_color">
<span class="cancel">取消</span>
</button>
</div>
</div>
</div>
<div class="button_center cancel_posttion" th:if="${apply}" id="cancelButton">
<button class="button_position button_color">
<span class="cancel">取消</span>
</button>
</div>
<div class="shape1_position"><img src="/static/templates/activity/mondelay/shape1@2x.png"></div>
<div class="shape2_position"><img src="/static/templates/activity/mondelay/shape2@2x.png"></div>
<div class="shape3_position"><img src="/static/templates/activity/mondelay/shape3@2x.png"></div>

33
src/main/ui/static/templates/activity/mondelay/mondelay.css
Unescape View File

@ -9,7 +9,7 @@ body{
.title_img img{
height: 100px;
margin-top: 40px;
margin-bottom: 35px;
margin-bottom: 15px;
}
.h2_width{
width: 100px;
@ -79,6 +79,16 @@ h2{
border-style: none;
padding: 15px 50px;
}
.button_active{
background: url("button@2x.png") no-repeat center;
border-radius: 100px;
padding: 15px 30px;
}
.button_active span{
font-family: Avenir-Medium;
font-size: 17px;
letter-spacing: 0px;
}
.button_color{
background-image: linear-gradient(0deg, #195ED0 0%, #4BBCF3 100%);
border-radius: 100px;
@ -172,4 +182,25 @@ tbody tr:nth-child(odd){
.margin_top{
margin-top: 50px;
}
.margin_bottom{
margin-bottom: 35px;
}
.activity_close{
display: flex;
width: 70%;
margin: 0 auto 25px auto;
}
.line{
flex: 1;
position: relative;
top: -15px;
border-bottom: 1px solid #FFFFFF;;
}
.activity_text{
font-family:PingFang-SC-Medium;
font-size: 22px;
color: #FFFFFF;
letter-spacing: 0px;
padding: 0 8px;
}

Write Preview
Loading…
Cancel
Save