修改页面样式

wateroPF-wechat-web/src/main/webapp/view/warranty_card.html

@@ -34,7 +34,19 @@
 				  加载中...
 			</div>
 		</div>
+	<div class="mui-content" style="background: #fff;">
+	<div style="margin: 10px 10px 15px 10px;">
+		<div style="padding:0 0 10px 0"><span class="iconfont icon-shouhoudianhua" style="color: #1bcba8;float: left;"></span> &nbsp;&nbsp;联系方式</div>
+		<p>1、公众号联系客服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2、客服电话：<a href="400 8006 692">400 8006 692</a></p>
+	</div>
 	<div class="data-cards" id="data-cards">
+
+			<div class="warranty-box" style="display: block;">
+				<img src="//s.iamberry.com/wateroPF/new/images/shop/warranty_card.png"/>
+				<img class="go_add_warranty_card" style="position: absolute;width: 30%;left: 35%;top: 22%;" src="//s.iamberry.com/wateroPF/new/images/shop/add_warranty_card.png"/>
+				<div style="position: absolute;bottom: 15%;color: #fff;text-align: center;width: 100%;">添加质保卡</div>
+			</div>
+
 		<!--<div class="mui-content" style="background: #fff;">
 			<div class="warranty-box">
 				<img src="//s.iamberry.com/wateroPF/new/images/shop/warranty_card.png"/>
@@ -50,6 +62,7 @@
 			</div>
 		</div>-->
 	</div>
+	</div>
 	<script src="//s.iamberry.com/wateroPF/js/mui.min.js?v=2016101701"></script>
 	<script src="//s.iamberry.com/wateroPF/js/jquery-2.1.1.min.js"></script>
 	<script src="//s.iamberry.com/wateroPF/new/js/page/main.js?v=2016101701"></script>
@@ -84,7 +97,7 @@
                             	+'</div>'
                             	+'</div>'
                         });
-                        table.html(li);
+                        table.append(li);
                     } else {
                         mui.alert(dt.message);
                     }
@@ -107,6 +120,10 @@
             return phone1 + "&nbsp;&nbsp;" + phone2 + "&nbsp;&nbsp;" + phone3 + "&nbsp;&nbsp;" + phone4;
 		}
 	}
+	//添加质保卡
+    mui('body').on('tap', '.go_add_warranty_card', function() {
+        location.href='#';
+	});
 
     function dateFormat(now) {
         if (now == null || now == '') {