疫情抗击-更改微信底部图片样式

aiberle/order-details.html

@@ -119,6 +119,7 @@
 		<script src="js/jquery-2.1.1.min.js"></script>
 		<script src="js/main.js"></script>
 		<script src="js/wechat-utils-1.0.js"></script>
+		<script src="js/iconfont.js"></script>
 		<script>
 			var orderId = getParam("orderId");
 			var status;

watero/chanpin_list.html

@@ -50,23 +50,40 @@
 	</div>
 </div>
 <nav class="mui-bar mui-bar-tab" id="footer-bar">
-	<a class="mui-tab-item" >
-		<div class="iconfont icon-shouye"></div>
-		<span class="mui-tab-label">首页</span>
-	</a>
-	<a class="mui-tab-item">
-		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
-		<span class="mui-tab-label">购物车</span>
-	</a>
-	<a class="mui-tab-item">
-		<div class="iconfont icon-dingdan"></div>
-		<span class="mui-tab-label">订单</span>
-	</a>
-	<a class="mui-tab-item">
-		<div class="iconfont icon-wode"></div>
-		<span class="mui-tab-label">我的</span>
-	</a>
-</nav>
+			<a class="mui-tab-item  ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</div>
+				<span class="mui-tab-label">首页</span>
+			</a>
+			<a class="mui-tab-item go_gwc">
+				<div class="iconfont icon-gouwuche-num">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+					<span class="mui-badge">0</span>
+				</div>
+				<span class="mui-tab-label">购物车</span>
+			</a>
+			<a class="mui-tab-item ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi-hui"></use>
+					</svg>
+				</div>
+				<span class="mui-tab-label">订单</span>
+			</a>
+			<a class="mui-tab-item ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-qing-hui"></use>
+					</svg>
+				</div>
+				<span class="mui-tab-label">我的</span>
+			</a>
+		</nav>
 <!--<header class="mui-bar mui-bar-nav header">
 	<div class="go-index go_index">
 		<img src="images/logo-blue.png" />
@@ -102,5 +119,6 @@
 <script src="js/page/wechat-utils-1.0.js"></script>
 <script src="js/page/validate.js"></script>
 <script src="js/page/chanpin_list.js"></script>
+<script src="js/iconfont.js"></script>
 </body>
 </html>

watero/coupon_bag.html

@@ -267,20 +267,37 @@
 			</div>
 		</div>
 		<nav class="mui-bar mui-bar-tab" id="footer-bar">
-			<a class="mui-tab-item">
-				<div class="iconfont icon-shouye"></div>
+			<a class="mui-tab-item  ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">首页</span>
 			</a>
-			<a class="mui-tab-item">
-				<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
+			<a class="mui-tab-item go_gwc">
+				<div class="iconfont icon-gouwuche-num">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+					<span class="mui-badge">0</span>
+				</div>
 				<span class="mui-tab-label">购物车</span>
 			</a>
-			<a class="mui-tab-item">
-				<div class="iconfont icon-dingdan"></div>
+			<a class="mui-tab-item ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">订单</span>
 			</a>
-			<a class="mui-tab-item mui-active">
-				<div class="iconfont icon-wode"></div>
+			<a class="mui-tab-item mui-active-select">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-W-qing"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</nav>
@@ -342,6 +359,7 @@
 		<script type="text/javascript" src="js/mui.min.js"></script>
 		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
 		<script type="text/javascript" src="js/main.js"></script>
+		<script src="js/iconfont.js"></script>
 		<script>
 			var tabindex = 10,
 				pageNumber = 0,

watero/coupon_bag1.html

@@ -275,20 +275,37 @@
 			</div>
 		</div>
 		<nav class="mui-bar mui-bar-tab" id="footer-bar">
-			<a class="mui-tab-item">
-				<div class="iconfont icon-shouye"></div>
+			<a class="mui-tab-item  ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">首页</span>
 			</a>
-			<a class="mui-tab-item">
-				<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
+			<a class="mui-tab-item go_gwc">
+				<div class="iconfont icon-gouwuche-num">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+					<span class="mui-badge">0</span>
+				</div>
 				<span class="mui-tab-label">购物车</span>
 			</a>
-			<a class="mui-tab-item">
-				<div class="iconfont icon-dingdan"></div>
+			<a class="mui-tab-item ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">订单</span>
 			</a>
-			<a class="mui-tab-item mui-active">
-				<div class="iconfont icon-wode"></div>
+			<a class="mui-tab-item mui-active-select">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-W-qing"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</nav>
@@ -357,6 +374,7 @@
 		<script type="text/javascript" src="js/mui.min.js"></script>
 		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
 		<script type="text/javascript" src="js/main.js"></script>
+		<script src="js/iconfont.js"></script>
 		<script>
 			var tabindex = 0,
 				pageNumber = 0,

watero/css/iconfont.css

@@ -10,6 +10,39 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+
+.icon-ji-hui:before {
+  content: "\e61a";
+}
+
+.icon-kang-hui:before {
+  content: "\e61b";
+}
+
+.icon-yi-hui:before {
+  content: "\e61c";
+}
+
+.icon-qing-hui:before {
+  content: "\e61e";
+}
+
+.icon-W-ji:before {
+  content: "\e61f";
+}
+
+.icon-W-kang:before {
+  content: "\e621";
+}
+
+.icon-W-yi:before {
+  content: "\e622";
+}
+
+.icon-W-qing:before {
+  content: "\e623";
+}
+
 .icon-duigoukuang:before {
   content: "\e613";
 }

watero/css/style.css

@@ -360,4 +360,14 @@ article, section, time, aside {display: block;}
 }
 @media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
 
+}
+
+
+#footer-bar .mui-tab-item.mui-active-select{color: #55c0dc;}
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
 }

watero/index.html

@@ -67,20 +67,37 @@
 			</div>
 		</div>
 		<nav class="mui-bar mui-bar-tab" id="footer-bar">
-			<a class="mui-tab-item mui-active">
-				<div class="iconfont icon-shouye"></div>
+			<a class="mui-tab-item  mui-active-select">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-W-kang"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">首页</span>
 			</a>
 			<a class="mui-tab-item go_gwc">
-				<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
+				<div class="iconfont icon-gouwuche-num">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+					<span class="mui-badge">0</span>
+				</div>
 				<span class="mui-tab-label">购物车</span>
 			</a>
 			<a class="mui-tab-item">
-				<div class="iconfont icon-dingdan"></div>
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">订单</span>
 			</a>
 			<a class="mui-tab-item">
-				<div class="iconfont icon-wode"></div>
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-qing-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</nav>
@@ -207,6 +224,7 @@
 		<script src="js/swiper.min.js"></script>
 		<script src="js/main.js"></script>
 		<script src="js/page/wechat-utils-1.0.js"></script>
+		<script src="js/iconfont.js"></script>
 	</body>
 	<script>
 		

watero/js/main.js

@@ -50,9 +50,9 @@ function getCartNum() {
 				} else {
             if(dt.status) {
                 if(dt.data == "0") {
-                    $('.icon-gouwuche span,.cart .my-badge-danger').hide();
+                    $('.icon-gouwuche-num span,.cart .my-badge-danger').hide();
                 } else {
-                    $('.icon-gouwuche span,.cart .my-badge-danger').text(dt.data).show()
+                    $('.icon-gouwuche-num span,.cart .my-badge-danger').text(dt.data).show()
                 }
             } else {
                 console.log(dt)

watero/order-details.html

@@ -1,112 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
-<meta name="apple-mobile-web-app-capable" content="yes">
-<meta name="apple-mobile-web-app-status-bar-style" content="black">
-<title>订单详情</title>
-<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
-<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
-<link rel="stylesheet" type="text/css" href="css/main.css" />
-<script type="text/javascript">
-	// 屏蔽分享
-	window.hiddenAllWechatMenu = true;
-</script>
-<style>
-	.mui-table-view-cell>a:not(.mui-btn) {margin-left: -12px;}
-</style>
-</head>
-<body>
-<nav class="mui-bar mui-bar-tab" id="footer-bar">
-	<a class="mui-tab-item" >
-		<div class="iconfont icon-home"></div>
-		<span class="mui-tab-label">首页</span>
-	</a>
-	<a class="mui-tab-item">
-		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
-		<span class="mui-tab-label">购物车</span>
-	</a>
-	<a class="mui-tab-item">
-		<div class="iconfont icon-dingdan"></div>
-		<span class="mui-tab-label">我的订单</span>
-	</a>
-	<a class="mui-tab-item">
-		<div class="iconfont icon-vip"></div>
-		<span class="mui-tab-label">会员中心</span>
-	</a>
-</nav>
-<div class="mui-content" style="background: #fff;">
-<div class="address-cantainner">
-<input type="hidden" id="salesPostFirm" name="salesPostFirm" value=""/>
-<input type="hidden" id="salesPostNum" name="salesPostNum" value=""/>
-<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed">
-<li class="mui-table-view-cell">
-<div class="mui-table">
-<div class="mui-table-cell mui-col-xs-1 mui-text-left table-middle">
-<p><span class="iconfont icon-dingwei"></span></p>
-</div>
-<div class="mui-table-cell mui-col-xs-10 mui-text-left table-middle">
-<div>收货人：<span id="receiver"></span> <span class="mui-pull-right" id="salesAddressTel">16899996678</span></div>
-<p id="salesAddressInfo"></p>
-</div>
-</div>
-</li>
-</ul>
-</div>
-<div class="clearing-box">
-<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed shopping-cart-list">
-</ul>
-<ul class="mui-table-view">
-<li class="mui-table-view-cell" style="padding-left:7px;">
-<a class="btn-youhuiquan">
-商品总价<span class="mui-pull-right">¥<span id="salesAmount">0.00</span></span>
-</a>
-</li>
-<li class="mui-table-view-cell" style="padding-left:7px;" id="isCouponReduce">
-<a class="btn-youhuiquan">
-抵扣金额<span class="mui-pull-right">-¥<span id="couponReduce">0.00</span></span>
-</a>
-</li>
-<li class="mui-table-view-cell" style="padding-left:7px;" id="">
-<a class="btn-youhuiquan">
-邮费<span class="mui-pull-right">¥<span id="salesPostage">0.00</span></span>
-</a>
-</li>
-</ul>
-<div class="mui-content-padded mui-text-right">实付：<span class="pro-price">¥<span id="salesYetAmount">0.00</span></span></div>
-</div>
-<ul class="mui-table-view my-grid-view-no status-list">
-<li class="mui-table-view-cell">
-订单状态：<span id="statusName"></span>
-</li>
-<li class="mui-table-view-cell">
-订单编号：<span id="orderId"></span>
-</li>
-<li class="mui-table-view-cell">
-下单时间：<span id="salesCreateDate"></span>
-</li>
-<li class="mui-table-view-cell" id="isShowOrderRemark">
-订单留言：<span id="salesUserRemark"></span>
-</li>
-</ul>
-<br />
-<div class="mui-content-padded mui-text-center" id="operation">
-</div>
-</div>
-<div class="loading-bg">
-	<div class="mui-loading">
-		<div class="mui-spinner">
-		</div>
-		&nbsp;&nbsp;加载中...
-	</div>
-</div>
-<script src="js/mui.min.js"></script>
-<script src="js/jquery-2.1.1.min.js"></script>
-<script src="js/main.js"></script>
-<script src="js/page/layer.js"></script>
-<script src="js/validate.js"></script>
-<script src="js/page/wechat-utils-1.0.js"></script>
-<script src="js/page/order_details.js"></script>
-</body>
-</html>

watero/order_details.html

@@ -28,20 +28,37 @@
 			</div>
 		</div>
 		<nav class="mui-bar mui-bar-tab" id="footer-bar">
-			<a class="mui-tab-item">
-				<div class="iconfont icon-shouye"></div>
+			<a class="mui-tab-item  ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">首页</span>
 			</a>
-			<a class="mui-tab-item">
-				<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
+			<a class="mui-tab-item go_gwc">
+				<div class="iconfont icon-gouwuche-num">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+					<span class="mui-badge">0</span>
+				</div>
 				<span class="mui-tab-label">购物车</span>
 			</a>
-			<a class="mui-tab-item">
-				<div class="iconfont icon-dingdan"></div>
+			<a class="mui-tab-item mui-active-select">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-W-yi"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">订单</span>
 			</a>
 			<a class="mui-tab-item">
-				<div class="iconfont icon-wode"></div>
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-qing-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</nav>
@@ -148,5 +165,6 @@
 		<script src="js/validate.js"></script>
 		<script src="js/page/wechat-utils-1.0.js"></script>
 		<script src="js/page/order_details.js"></script>
+		<script src="js/iconfont.js"></script>
 	</body>
 </html>

watero/order_list.html

@@ -28,24 +28,43 @@
 		  加载中...
 	</div>
 </div>
+
 <nav class="mui-bar mui-bar-tab" id="footer-bar">
-	<a class="mui-tab-item">
-		<div class="iconfont icon-shouye"></div>
+	<a class="mui-tab-item  ">
+		<div class="iconfont">
+			<svg class="icon" aria-hidden="true">
+			  <use xlink:href="#icon-kang-hui"></use>
+			</svg>
+		</div>
 		<span class="mui-tab-label">首页</span>
 	</a>
-	<a class="mui-tab-item">
-		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
+	<a class="mui-tab-item go_gwc">
+		<div class="iconfont icon-gouwuche-num">
+			<svg class="icon" aria-hidden="true">
+			  <use xlink:href="#icon-ji-hui"></use>
+			</svg>
+			<span class="mui-badge">0</span>
+		</div>
 		<span class="mui-tab-label">购物车</span>
 	</a>
-	<a class="mui-tab-item mui-active">
-		<div class="iconfont icon-dingdan"></div>
+	<a class="mui-tab-item mui-active-select">
+		<div class="iconfont">
+			<svg class="icon" aria-hidden="true">
+			  <use xlink:href="#icon-W-yi"></use>
+			</svg>
+		</div>
 		<span class="mui-tab-label">订单</span>
 	</a>
 	<a class="mui-tab-item">
-		<div class="iconfont icon-wode"></div>
+		<div class="iconfont">
+			<svg class="icon" aria-hidden="true">
+			  <use xlink:href="#icon-qing-hui"></use>
+			</svg>
+		</div>
 		<span class="mui-tab-label">我的</span>
 	</a>
 </nav>
+		
 <!--<header class="mui-bar mui-bar-nav header">
 	<div class="go-index go_index">
 		<img src="images/logo-blue.png" />
@@ -99,6 +118,7 @@
 <script src="js/validate.js"></script>
 <script src="js/page/wechat-utils-1.0.js"></script>
 <script src="js/page/order_list.js"></script>
+<script src="js/iconfont.js"></script>
 </body>
 
 </html>

watero/vip_center.html

@@ -32,20 +32,37 @@
 			</div>
 		</div>
 		<nav class="mui-bar mui-bar-tab" id="footer-bar">
-			<a class="mui-tab-item">
-				<div class="iconfont icon-shouye"></div>
+			<a class="mui-tab-item  ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">首页</span>
 			</a>
-			<a class="mui-tab-item">
-				<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
+			<a class="mui-tab-item go_gwc">
+				<div class="iconfont icon-gouwuche-num">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+					<span class="mui-badge">0</span>
+				</div>
 				<span class="mui-tab-label">购物车</span>
 			</a>
-			<a class="mui-tab-item">
-				<div class="iconfont icon-dingdan"></div>
+			<a class="mui-tab-item ">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi-hui"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">订单</span>
 			</a>
-			<a class="mui-tab-item mui-active">
-				<div class="iconfont icon-wode"></div>
+			<a class="mui-tab-item mui-active-select">
+				<div class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-W-qing"></use>
+					</svg>
+				</div>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</nav>
@@ -217,6 +234,7 @@
 		<script src="js/jquery-2.1.1.min.js"></script>
 		<script src="js/main.js"></script>
 		<script src="js/page/wechat-utils-1.0.js"></script>
+		<script src="js/iconfont.js"></script>
 		<script>
 			mui.ready(function() {
 				marquee_Show();