抗击疫情主题更换

aiberle/coupon_list.html

@@ -78,24 +78,42 @@
 				  加载中...
 			</div>
 		</div>
+		
 	<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
-			<a class="mui-tab-item">
-				<span class="iconfont icon-shouye"></span>
-				<span class="mui-tab-label">首页</span>
-			</a>
-			<a class="mui-tab-item">
-				<span class="iconfont icon-gouwuche"></span>
-				<span class="mui-tab-label">购物车</span>
-			</a>
-			<a class="mui-tab-item">
-				<span class="iconfont icon-dingdan"></span>
-				<span class="mui-tab-label">订单</span>
-			</a>
-			<a class="mui-tab-item mui-active">
-				<span class="iconfont icon-wode"></span>
-				<span class="mui-tab-label">我的</span>
-			</a>
-		</footer>
+		<a class="mui-tab-item ">
+			<span class="iconfont">
+				<svg class="icon" aria-hidden="true">
+				  <use xlink:href="#icon-kang-hui"></use>
+				</svg>
+			</span>
+			<span class="mui-tab-label" >首页</span>
+		</a>
+		<a class="mui-tab-item">
+			<span class="iconfont" >
+				<svg class="icon" aria-hidden="true">
+				  <use xlink:href="#icon-ji-hui"></use>
+				</svg>
+			</span>
+			<span class="mui-tab-label">购物车</span>
+		</a>
+		<a class="mui-tab-item">
+			<span class="iconfont">
+				<svg class="icon" aria-hidden="true">
+				  <use xlink:href="#icon-yi-hui1"></use>
+				</svg>
+			</span>
+			<span class="mui-tab-label">订单</span>
+		</a>
+		<a class="mui-tab-item mui-active-select">
+			<span class="iconfont">
+				<svg class="icon" aria-hidden="true">
+				  <use xlink:href="#icon-qing"></use>
+				</svg>
+			</span>
+			<span class="mui-tab-label">我的</span>
+		</a>
+	</footer>
+	
 	<div class="mui-content">
 		
 		
@@ -113,6 +131,7 @@
 	<script type="text/javascript" src="js/main.js"></script>
 	<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
 	<script type="text/javascript" src="//s.iamberry.com/aiberle/wechat/js/wechat-utils-1.0.js"></script>
+	<script src="js/iconfont.js"></script>
 	<script>
 		var tabindex = 1,pageNumber = 0,pagesize = 10;
 		var tabindex=$('.tab-yhq-list .mui-active').prop('tabindex');

aiberle/css/iconfont.css

@@ -12,6 +12,39 @@
 	padding:0;
 }
 
+
+.icon-ji:before {
+  content: "\e619";
+}
+
+.icon-kang:before {
+  content: "\e61a";
+}
+
+.icon-yi:before {
+  content: "\e61b";
+}
+
+.icon-qing:before {
+  content: "\e61c";
+}
+
+.icon-ji-hui:before {
+  content: "\e615";
+}
+
+.icon-kang-hui:before {
+  content: "\e616";
+}
+
+.icon-qing-hui:before {
+  content: "\e617";
+}
+
+.icon-yi-hui1:before {
+  content: "\e618";
+}
+
 .icon-gouwuche:before {
   content: "\e605";
 }

aiberle/css/main.css

@@ -66,7 +66,7 @@ p{color: #999;font-size: 12px;}
 .l-price{color: #ff3b3b;text-align:left;}
 #index-pro-list .mui-col-xs-12{padding-right: 2px;}
 .mui-bar-tab{background-color: #fff;-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 2px; box-shadow:rgba(0,0,0,.1) 0px 0px 2px;}
-.mui-bar-tab .mui-tab-item{color: #bbb;}
+/* .mui-bar-tab .mui-tab-item{color: #bbb;} */
 .mui-bar-tab .mui-tab-item .iconfont {top: 3px;width: 24px;height: 24px;padding-top: 0;padding-bottom: 0;}
 .mui-bar-tab .mui-tab-item .iconfont~.mui-tab-label{font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;    padding-top: 5px;line-height: 1;}
 .mui-bar-tab .mui-tab-item.mui-active{color: #333;}
@@ -351,3 +351,14 @@ h4{color: #333;font-weight: 500;}
 .btn-apply-cash{display: block;background: #f75250;color: #fff;border: 1px solid #f75250;border-radius: 25px;width: 140px;margin: 0 auto;padding: 9px;}
 .btn-apply-cash[disabled]{background: #999;border: 1px solid #999;}
 .btn-all-apply-cash{margin: 0 10px;color: #3996f5;}
+
+/* svg 图标 */
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+.mui-tab-item{color: #bbb;}
+.mui-bar-tab .mui-active-select{color: #75aa78;background-color: #fff;}

aiberle/index.html

@@ -43,7 +43,7 @@
 				</div>
 			</div>
 		</header>
-		<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
+		<!-- <footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
 			<a class="mui-tab-item mui-active">
 				<span class="iconfont icon-shouye"></span>
 				<span class="mui-tab-label">首页</span>
@@ -60,11 +60,44 @@
 				<span class="iconfont icon-wode"></span>
 				<span class="mui-tab-label">我的</span>
 			</a>
+		</footer> -->
+		<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
+			<a class="mui-tab-item mui-active-select">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang"></use>
+					</svg>
+				</span>
+				<span class="mui-tab-label" >首页</span>
+			</a>
+			<a class="mui-tab-item">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+				</span>
+				<span class="mui-tab-label">购物车</span>
+			</a>
+			<a class="mui-tab-item">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi-hui1"></use>
+					</svg>
+				</span>
+				<span class="mui-tab-label">订单</span>
+			</a>
+			<a class="mui-tab-item">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-qing-hui"></use>
+					</svg>
+				</span>
+				<span class="mui-tab-label">我的</span>
+			</a>
 		</footer>
 		
 		
 		
-		
 		<div class="mui-content" style="padding-top: 10px;">
 			<div class="banner-box">
 				<div class="index-banner" style="display: none;"></div>
@@ -123,6 +156,7 @@
 		<script src="js/jquery.autocompleter.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 colors = [];

aiberle/my-center.html

@@ -205,23 +205,40 @@
 
 	<body>
 		<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
-			<a class="mui-tab-item">
-				<span class="iconfont icon-shouye"></span>
-				<span class="mui-tab-label">首页</span>
+			<a class="mui-tab-item ">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</span>
+				<span class="mui-tab-label" >首页</span>
 			</a>
 			<a class="mui-tab-item">
-				<span class="iconfont icon-gouwuche"></span>
+				<span class="iconfont" >
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">购物车</span>
 			</a>
 			<a class="mui-tab-item">
-				<span class="iconfont icon-dingdan"></span>
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi-hui1"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">订单</span>
 			</a>
-			<a class="mui-tab-item mui-active">
-				<span class="iconfont icon-wode"></span>
+			<a class="mui-tab-item mui-active-select">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-qing"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</footer>
+
 		<div class="mui-content">
 			<div class="center-header">
 				<div class="wecat-head">
@@ -385,6 +402,7 @@
 		<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/iconfont.js"></script>
 		<script>
 			$(document).on('tap', '.my-btn-cancel', function() {
 				$(this).hide();

aiberle/order-details.html

@@ -18,20 +18,36 @@
 
 	<body>
 		<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
-			<a class="mui-tab-item">
-				<span class="iconfont icon-shouye"></span>
-				<span class="mui-tab-label">首页</span>
+			<a class="mui-tab-item ">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</span>
+				<span class="mui-tab-label" >首页</span>
 			</a>
 			<a class="mui-tab-item">
-				<span class="iconfont icon-gouwuche"></span>
+				<span class="iconfont" >
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">购物车</span>
 			</a>
-			<a class="mui-tab-item  mui-active">
-				<span class="iconfont icon-dingdan"></span>
+			<a class="mui-tab-item mui-active-select">
+				<span class="iconfont ">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">订单</span>
 			</a>
 			<a class="mui-tab-item">
-				<span class="iconfont icon-wode"></span>
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-qing-hui"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</footer>

aiberle/order-list.html

@@ -26,23 +26,40 @@
 </header>
 
 		<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
-			<a class="mui-tab-item">
-				<span class="iconfont icon-shouye"></span>
-				<span class="mui-tab-label">首页</span>
+			<a class="mui-tab-item ">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</span>
+				<span class="mui-tab-label" >首页</span>
 			</a>
 			<a class="mui-tab-item">
-				<span class="iconfont icon-gouwuche"></span>
+				<span class="iconfont" >
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">购物车</span>
 			</a>
-			<a class="mui-tab-item mui-active">
-				<span class="iconfont icon-dingdan"></span>
+			<a class="mui-tab-item mui-active-select">
+				<span class="iconfont ">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">订单</span>
 			</a>
-			<a class="mui-tab-item ">
-				<span class="iconfont icon-wode"></span>
+			<a class="mui-tab-item">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-qing-hui"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</footer>
+
 		
 <!-- 上拉加载数据 -->
 <div id="pullrefresh_order_list" class="mui-content mui-scroll-wrapper">
@@ -67,6 +84,7 @@
 <script src="js/jquery.autocompleter.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 isPay = true; // 是否在请求支付，false表示正在请求,true可以请求

aiberle/pro-list.html

@@ -25,24 +25,43 @@
 				<a class="mui-control-item" href="#item3">电动牙刷</a>-->
 			</div>
 		</header>
+		
 		<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
-			<a class="mui-tab-item">
-				<span class="iconfont icon-shouye"></span>
-				<span class="mui-tab-label">首页</span>
+			<a class="mui-tab-item ">
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-kang-hui"></use>
+					</svg>
+				</span>
+				<span class="mui-tab-label" >首页</span>
 			</a>
 			<a class="mui-tab-item">
-				<span class="iconfont icon-gouwuche"></span>
+				<span class="iconfont" >
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-ji-hui"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">购物车</span>
 			</a>
 			<a class="mui-tab-item">
-				<span class="iconfont icon-dingdan"></span>
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-yi-hui1"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">订单</span>
 			</a>
 			<a class="mui-tab-item">
-				<span class="iconfont icon-wode"></span>
+				<span class="iconfont">
+					<svg class="icon" aria-hidden="true">
+					  <use xlink:href="#icon-qing-hui"></use>
+					</svg>
+				</span>
 				<span class="mui-tab-label">我的</span>
 			</a>
 		</footer>
+
+
 		<div class="mui-content">
 			<!--<div class="index-title">
 				<strong>选购</strong>
@@ -137,6 +156,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 search_data = null,
 				typeId = '';

aiberle/shopping-cart.html

@@ -28,24 +28,7 @@
 			</div>
 		</div>
 		
-		<footer class="mui-bar mui-bar-tab" id="footer-bar-tab" style="display: none;">
-			<a class="mui-tab-item ">
-				<span class="iconfont icon-shouye"></span>
-				<span class="mui-tab-label">首页</span>
-			</a>
-			<a class="mui-tab-item mui-active">
-				<span class="iconfont icon-gouwuche"></span>
-				<span class="mui-tab-label">购物车</span>
-			</a>
-			<a class="mui-tab-item">
-				<span class="iconfont icon-dingdan"></span>
-				<span class="mui-tab-label">订单</span>
-			</a>
-			<a class="mui-tab-item">
-				<span class="iconfont icon-wode"></span>
-				<span class="mui-tab-label">我的</span>
-			</a>
-		</footer>
+		
 		
 		<div class="mui-content">
 			<div class="gwc_null">