add loading gif

StrickYan · Mar 24, 2017 · 544183f · 544183f
1 parent 4b939b8
commit 544183f
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 1 deletion.
diff --git a/Application/Home/View/Moments/index.html b/Application/Home/View/Moments/index.html
@@ -85,6 +85,7 @@
 				</div>
 			</div>
 		</volist>
+		<div id="loading"><img src="__PUBLIC__/Home/img/default/loading.gif"></div>
 		<div id="footer" data-role="footer">
 			<div class="info-flow" >
 				<div class="footer-left">

diff --git a/Public/Home/css/moments.css b/Public/Home/css/moments.css
@@ -435,6 +435,15 @@ hr {
 }
 
 
+#loading {
+    text-align: center;
+    position: relative;
+    padding: 10px 10px 5px 10px;
+    border-bottom: 1px solid #eee;
+    background-color: white;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
 /*底部栏*/
 
 #footer {

diff --git a/Public/Home/css/pc.css b/Public/Home/css/pc.css
@@ -117,4 +117,9 @@ body {
 
 #location {
     height: 50px;
+}
+
+#loading {
+    border-radius: 5px;
+    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.4);
 }
diff --git a/Public/Home/img/default/icon.bak.png b/Public/Home/img/default/icon.bak.png
diff --git a/Public/Home/img/default/icon.png b/Public/Home/img/default/icon.png
diff --git a/Public/Home/img/default/loading.gif b/Public/Home/img/default/loading.gif
diff --git a/Public/Home/js/moments.js b/Public/Home/js/moments.js
@@ -173,7 +173,7 @@ function loadNextPage(page) {
                 result += "</div>";
                 result += "</div>";
             }
-            $('#footer').before(result).fadeOut().fadeIn(pc_speed);
+            $('#loading').before(result).fadeOut().fadeIn(pc_speed);
             $(".info-flow-right-button .button-img").each(function() {
                 divPop($(this));
             });