From b9d2fd2cf817f135e8c02879cc2902a01f1ca358 Mon Sep 17 00:00:00 2001
From: yuan <1551130722@qq.com>
Date: Tue, 13 Mar 2018 09:31:45 +0800
Subject: [PATCH] fix html

---
 .../templates/activity/mondelay/mondelay.html | 11 ++++-
 .../templates/activity/mondelay/mondelay.css  | 42 ++++++++++++++-----
 2 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/main/resources/templates/activity/mondelay/mondelay.html b/src/main/resources/templates/activity/mondelay/mondelay.html
index e6bc4ee8d..be88d93d8 100644
--- a/src/main/resources/templates/activity/mondelay/mondelay.html
+++ b/src/main/resources/templates/activity/mondelay/mondelay.html
@@ -50,6 +50,11 @@
             <h2>补贴金额记录</h2>
         </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>
@@ -68,6 +73,11 @@
         </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>
@@ -75,7 +85,6 @@
 <div class="shape5_position"><img src="/static/templates/activity/mondelay/shape5@2x.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@2x.png">
-    <button type="button" class="btn btn-primary" th:if="${apply}" id="cancelButton">取消</button>
 </footer>
 </body>
 </html>
diff --git a/src/main/ui/static/templates/activity/mondelay/mondelay.css b/src/main/ui/static/templates/activity/mondelay/mondelay.css
index 34f5dd8da..6031ce723 100644
--- a/src/main/ui/static/templates/activity/mondelay/mondelay.css
+++ b/src/main/ui/static/templates/activity/mondelay/mondelay.css
@@ -1,6 +1,7 @@
 body{
     background: url(background@2x.png) no-repeat center top;
     background-size: 100%;
+    background-color: #02218A;
 }
 .title_img{
     text-align: center;
@@ -18,6 +19,22 @@ body{
     width: 140px;
     margin: 0 auto;
 }
+.amount_title{
+    margin-top: 24px;
+    margin-bottom: 10px;
+    text-align: center;
+    font-family: PingFangSC-Regular;
+    color: #2849DF;
+    letter-spacing: 0px;
+}
+amount_title h5{
+    font-size: 12px;
+}
+.total_redpack{
+    margin-top: -10px;
+    font-family: Avenir-Heavy;
+    font-size: 25px;
+}
 h2{
     font-family:PingFang-SC-Medium;
     font-size: 17px;
@@ -62,6 +79,15 @@ h2{
     border-style: none;
     padding: 15px 50px;
 }
+.button_color{
+    background-image: linear-gradient(0deg, #195ED0 0%, #4BBCF3 100%);
+    border-radius: 100px;
+    margin-bottom: -16px;
+}
+.cancel{
+    color: #FFFFFF;
+    padding: 13px 24px;
+}
 .content_table{
     font-family: PingFang-SC-Semibold;
     font-size: 14px;
@@ -84,18 +110,12 @@ tbody tr:nth-child(odd){
     opacity: 0.7;
 }
 .royal_position{
-    margin-top: 40px;
+    margin-top: 50px;
     margin-bottom: 20px;
+    text-align: center;
 }
 .royal_position img{
-    position: absolute;
-    right: 110px;
     height: 25px;
-    z-index: 100;
-}
-.royal_position button{
-    position: absolute;
-    right: 30px;
 }
 .shape1_position{
     position: absolute;
@@ -143,11 +163,11 @@ tbody tr:nth-child(odd){
 }
 .shape6_position{
     position: absolute;
-    left: 30px;
-    z-index: 0;
+    left: -9px;
+    z-index: -1;
 }
 .shape6_position img{
-    height: 90px;
+    height: 100px;
 }
 .margin_top{
     margin-top: 50px;