Ver Fonte

一元捐前端bug(字体加粗、弹框位置固定)

hangb há 8 anos atrás
pai
commit
f1c761a850
1 ficheiros alterados com 41 adições e 24 exclusões
  1. 41 24
      donate-service/src/main/resources/templates/index.ftl

+ 41 - 24
donate-service/src/main/resources/templates/index.ftl

@@ -361,6 +361,10 @@
             font-size: 14px;
             color: #323232;
             font-style: normal;
+            font-weight: bold;
+        }
+        .section2 .list-item .project-progress div:first-child span em {
+            font-weight: normal;
         }
         .section2 .list-item a.donation{
             display: inline-block;
@@ -415,16 +419,18 @@
         }
         /*我要捐款弹出窗*/
         .pop{
-            position:absolute;
+            position: fixed;
             background-color: white;
             width: 480px;
-            /*height: 330px;*/
+            /* height: 330px; */
             text-align: center;
-            /*border: 1px solid #e1e1e1;*/
+            /* border: 1px solid #e1e1e1; */
             display: none;
-            top:30px;
-            left:400px;
-            z-index:10;
+            top: 50%;
+            left: 50%;
+            margin-left: -240px;
+            margin-top: -215px;
+            z-index: 10;
         }
         .pop .header{
             padding: 0 20px;
@@ -434,11 +440,13 @@
             background: #eeeeee;
         }
         .pop .header p{
+            float: left;
             font-size: 16px;
             color: #e96d08;
             font-weight: bold;
         }
         .pop .header .close{
+            float: right;
             font-size: 38px;
         }
         .pop .body{
@@ -619,15 +627,16 @@
 <script type="text/javascript" src="static/lib/kkpager/kkpager.js"></script>
 
 <body ng-app="index">
-<div class="container clearfix">
-    <div class="fl"><a href=""><img src="static/images/uas.png" alt=""/></a><span>一元捐</span></div>
-    <div class="fr">
-        <a href="https://account.ubtob.com/sso/login">登录</a>
-        <a href="javascript:void(0)">注册</a>
-        <a href="http://www.ubtob.com/" target="_blank">进入优软云</a>
+<div id="nav">
+    <div class="container clearfix">
+        <div class="fl"><a href=""><img src="static/images/uas.png" alt=""/></a><span>一元捐</span></div>
+        <div class="fr">
+            <a href="https://account.ubtob.com/sso/login">登录</a>
+            <a href="javascript:void(0)">注册</a>
+            <a href="http://www.ubtob.com/" target="_blank">进入优软云</a>
+        </div>
     </div>
 </div>
-</div>
 <div class="main">
     <div class="container">
         <div class="section section1">
@@ -741,7 +750,7 @@
                 <!--弹出窗-->
                 <div class="pop">
                     <div class="header clearfix">
-                        <p>${project.name}</p>
+                        <p class="fl">${project.name}</p>
                         <div class="close fr" class="close">&times;</div>
                     </div>
                     <div class="body">
@@ -778,21 +787,29 @@
             </div>
             </#list>
             </#if>
-            <div id="hover-background" style="display: none">
-                <div class="x-floating-wrap"></div>
-                <div class="x-floating">
-                    <div id="item-content">
-                        <div class="x-close-wrap"><a href="javascript:void(0);">&times;</a></div>
-                        <div class="modal"></div>
-                    </div>
-                </div>
-            </div>
+            <#--<div id="hover-background" style="display: none">-->
+                <#--<div class="x-floating-wrap"></div>-->
+                <#--<div class="x-floating">-->
+                    <#--<div id="item-content">-->
+                        <#--<div class="x-close-wrap"><a href="javascript:void(0);">&times;</a></div>-->
+                        <#--<div class="modal"></div>-->
+                    <#--</div>-->
+                <#--</div>-->
+            <#--</div>-->
            <#-- 分页按钮-->
             <div id="kkpager"></div>
         </div>
     </div>
 </div>
-
+<div id="hover-background" style="display: none">
+    <div class="x-floating-wrap"></div>
+    <div class="x-floating">
+        <div id="item-content">
+            <div class="x-close-wrap"><a href="javascript:void(0);">&times;</a></div>
+            <div class="modal"></div>
+        </div>
+    </div>
+</div>
 <script>
     $('.close').click(function(){
        $(this).parent().parent().css('display','none');