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

add html

Browse Source
master
yuan 7 years ago
parent 93b4ac57b2
commit f278517d63
14 changed files with 264 additions and 0 deletions
Show Stats Download Patch File Download Diff File

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

@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta http-equiv="cache-control" content="max-age=0">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
<meta http-equiv="pragma" content="no-cache">
<link rel="stylesheet" href="/static/lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/templates/activity/mondelay/mondelay.css?t=201607242202">
<title>Title</title>
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<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>
<div class="content ul_font">
<div class="h2_width">
<h2>活动说明</h2>
</div>
<ul>
<li>参与商户<b class="font_color">每周一</b>即可获得营销补贴</li>
<li>
营销补贴金额，<b class="font_color">以账户余额为基数</b>，折算<b class="font_color">年化比率不低于15%，最高20%</b>
</li>
<li>
参与商户周一暂停清算，与周一营销补贴合并至周二一起清算
</li>
<li>
补贴活动周期：<b class="font_color">2018/3/10-2018/6/30</b>
</li>
<li>商户自愿参加，中途随时终止活动</li>
<li>本活动最终解释权归RoyalPay所有</li>
</ul>
</div>
<div class="button_center" th:if="${detail['apply']}" id="applyButton">
<button class="button_position">
<span style="color: #FFFFFF;">我要参加</span>
</button>
</div>
<div th:class="!${detail['apply']}?'margin_top'">
<div class="content">
<div class="h3_width">
<h2>补贴金额记录</h2>
</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:${detail['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 class="shape1_position"><img src="/static/templates/activity/mondelay/shape1@3x.png"></div>
<div class="shape2_position"><img src="/static/templates/activity/mondelay/shape2@3x.png"></div>
<div class="shape3_position"><img src="/static/templates/activity/mondelay/shape3@2x.png"></div>
<div class="shape4_position"><img src="/static/templates/activity/mondelay/shape4@3x.png"></div>
<div class="shape5_position"><img src="/static/templates/activity/mondelay/shape5@3x.png"></div>
<div class="shape6_position"><img src="/static/templates/activity/mondelay/shape6@2x.png"></div>
<footer class="royal_position"><img src="/static/templates/activity/mondelay/logo@3x.png">
<button type="button" class="btn btn-primary" th:if="!${detail['apply']}" id="cancelButton">取消</button>
</footer>
</body>
</html>
<script type="text/javascript" data-th-inline="javascript">
$(document).ready(function () {
$('#applyButton').click(function () {
$.ajax({
url: '/act/mondelay/apply',
method: 'POST',
dataType: "json",
success: function (resp) {
}, error: function (jqXHR) {
}
});
});
$('#cancelButton').click(function () {
$.ajax({
url: '/act/mondelay/cancel',
method: 'PUT',
dataType: "json",
success: function (resp) {
}, error: function (jqXHR) {
}
});
});
})
</script>

BIN
src/main/ui/static/templates/activity/mondelay/background@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
src/main/ui/static/templates/activity/mondelay/button@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
src/main/ui/static/templates/activity/mondelay/logo@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

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

@ -0,0 +1,155 @@
body{
background: url(background@3x.png) no-repeat center top;
background-size: 100%;
}
.title_img{
text-align: center;
}
.title_img img{
height: 100px;
margin-top: 40px;
margin-bottom: 35px;
}
.h2_width{
width: 100px;
margin: 0 auto;
}
.h3_width{
width: 140px;
margin: 0 auto;
}
h2{
font-family:PingFang-SC-Medium;
font-size: 17px;
color: #2F4FDF;
letter-spacing: 0px;
border-bottom:2px solid #2F4FDF;
border-top: 2px solid #2F4FDF;
text-align: center;
padding: 7px;
margin-top: 10px;
}
.content{
background: #FFFFFF;
border-radius: 4px;
padding: 10px;
margin-right: 30px;
margin-left: 30px;
}
.font_color{
background-color: #9BFBFE;
}
.ul_font{
font-family: PingFangSC-Regular;
font-size: 14px;
color: #2849DF;
letter-spacing: 0px;
line-height: 26px;
}
.button_center{
text-align: center;
}
.button_position{
text-align: center;
font-family: PingFang-SC-Semibold;
font-size: 17px;
color: #FFFFFF;
letter-spacing: 0px;
margin-top: 38px;
margin-bottom: 38px;
background-image: linear-gradient(0deg, #E3066B 0%, #FFC70E 100%);
border-radius: 100px;
border-style: none;
padding: 15px 50px;
}
.content_table{
font-family: PingFang-SC-Semibold;
font-size: 14px;
letter-spacing: 0px;
}
table{
width: 100%;
border-style: hidden;
}
table td{
color:#2849DF;;
border-style: hidden;
}
table tr{
color:#2849DF;
border-style: hidden;
}
tbody tr:nth-child(odd){
background-color: #9BFBFE;
opacity: 0.7;
}
.royal_position{
margin-top: 40px;
margin-bottom: 20px;
}
.royal_position img{
position: absolute;
right: 110px;
height: 25px;
z-index: 100;
}
.royal_position button{
position: absolute;
right: 30px;
}
.shape1_position{
position: absolute;
left: 20px;
top: 250px;
}
.shape1_position img{
height: 33px;
width: 55px;
}
.shape2_position{
position: absolute;
right: 5px;
top: 180px;
}
.shape2_position img{
height: 63px;
width: 90px;
}
.shape3_position{
position: absolute;
top: 232px;
right: 23px;
}
.shape3_position img{
height: 16px;
}
.shape4_position{
position: absolute;
left: 0px;
top: 460px;
}
.shape4_position img{
width: 75px;
height: 135px;
}
.shape5_position{
position: absolute;
right: 0px;
top: 560px;
}
.shape5_position img{
width: 95px;
height: 100px;
}
.shape6_position{
position: absolute;
left: 30px;
z-index: 0;
}
.shape6_position img{
height: 90px;
}
.margin_top{
margin-top: 50px;
}

BIN
src/main/ui/static/templates/activity/mondelay/shape1@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
src/main/ui/static/templates/activity/mondelay/shape2@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
src/main/ui/static/templates/activity/mondelay/shape3@2x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/main/ui/static/templates/activity/mondelay/shape3@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
src/main/ui/static/templates/activity/mondelay/shape4@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
src/main/ui/static/templates/activity/mondelay/shape5@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
src/main/ui/static/templates/activity/mondelay/shape6@2x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

BIN
src/main/ui/static/templates/activity/mondelay/shape6@3x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

BIN
src/main/ui/static/templates/activity/mondelay/title@2x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

Write Preview
Loading…
Cancel
Save