导航优化

application/index/view/default/public/nav.html

@@ -1,17 +1,26 @@
 <div class="mobile-navigation">
     <li {{if $controller_name.$action_name eq 'indexindex'}}class="active"{{/if}}>
-        <a href="{{$Think.__MY_URL__}}"><i class="am-icon-home"></i>首页</a>
+        <a href="{{$Think.__MY_URL__}}" class="am-block">
+            <img src="{{$attachment_host}}/static/{{$module_name}}/{{$default_theme}}/images/{{if $controller_name.$action_name eq 'indexindex'}}nav-icon-home-active.png{{else /}}nav-icon-home.png{{/if}}" class="am-block" alt="首页" />
+            <p>首页</p>
+        </a>
     </li>
     <li {{if $controller_name.$action_name eq 'categoryindex'}}class="active"{{/if}}>
-        <a href="{{:MyUrl('index/category/index')}}"><i class="am-icon-list"></i>分类</a>
+        <a href="{{:MyUrl('index/category/index')}}" class="am-block">
+            <img src="{{$attachment_host}}/static/{{$module_name}}/{{$default_theme}}/images/{{if $controller_name.$action_name eq 'categoryindex'}}nav-icon-category-active.png{{else /}}nav-icon-category.png{{/if}}" class="am-block" alt="分类" />
+            <p>分类</p>
+        </a>
     </li>
     <li {{if $controller_name.$action_name eq 'cartindex'}}class="active"{{/if}}>
-        <a {{if empty($user)}}href="javascript:;" class="login-event"{{else /}} href="{{:MyUrl('index/cart/index')}}"{{/if}}><i class="am-icon-shopping-basket"></i>购物车</a>
-        {{if !empty($common_cart_total)}}
-            <span class="am-badge am-badge-danger am-round common-cart-total hot-icon">{{$common_cart_total}}</span>
-        {{/if}}
+        <a {{if empty($user)}}href="javascript:;" class="login-event am-block"{{else /}} href="{{:MyUrl('index/cart/index')}}" class="am-block"{{/if}}>
+            <img src="{{$attachment_host}}/static/{{$module_name}}/{{$default_theme}}/images/{{if $controller_name.$action_name eq 'cartindex'}}nav-icon-cart-active.png{{else /}}nav-icon-cart.png{{/if}}" class="am-block" alt="购物车" />
+            <p>购物车</p>
+        </a>
     </li>
     <li {{if $controller_name.$action_name eq 'userindex'}}class="active"{{/if}}>
-        <a {{if empty($user)}}href="javascript:;" class="login-event"{{else /}} href="{{:MyUrl('index/user/index')}}"{{/if}}><i class="am-icon-user"></i>我的</a>
+        <a {{if empty($user)}}href="javascript:;" class="login-event am-block"{{else /}} href="{{:MyUrl('index/user/index')}}" class="am-block"{{/if}}>
+            <img src="{{$attachment_host}}/static/{{$module_name}}/{{$default_theme}}/images/{{if $controller_name.$action_name eq 'userindex'}}nav-icon-user-active.png{{else /}}nav-icon-user.png{{/if}}" class="am-block" alt="我的" />
+            <p>我的</p>
+        </a>
     </li>
 </div>

public/static/admin/default/css/order.css

@@ -40,7 +40,7 @@ form.am-form .am-form-group { padding-right: 5px; }
 .business-item ul li { border:1px solid transparent ;overflow: hidden; float: left; cursor: pointer; padding: 5px; border: 1px solid #eee; margin: 0 10px 10px 0; }
 .business-item ul  li img { width: 36px; height: 36px; vertical-align: middle; }
 .business-item ul li.selected { border-color: #d2364c ; position: relative; }
-.business-item ul li.selected i.icon-active { position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; right: 0px; bottom: 0px; background: url(../images/sys_item_selected.gif) no-repeat right bottom; }
+.business-item ul li.selected i.icon-active { position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; right: 0px; bottom: 0px; background: url(../images/sys-item-selected.gif) no-repeat right bottom; }
 @media only screen and (min-width:640px) {
   .business-item ul li {width:calc(33% - 5px); }
   .business-item ul li:nth-child(3n) { margin-right: 0; }

public/static/index/default/css/buy.css

@@ -23,7 +23,7 @@ ul.logistics-list li.selected i.icon-active, ul.payment-list li.selected i.icon-
     line-height: 0;
     right: 0px;
     bottom: 0px;
-    background: url(../images/sys_item_selected.gif) no-repeat right bottom;
+    background: url(../images/sys-item-selected.gif) no-repeat right bottom;
 }
 .business-item ul { padding: 10px 3px 5px 5px;}
 ul.logistics-list li img, ul.payment-list li img { width: 36px; height: 36px; vertical-align: middle; }
@@ -147,7 +147,7 @@ ul.address-list, .business-item ul { overflow: hidden; }
   .address { margin-top: 10px; }
   .address, .buy-message { border-top: 1px solid #eee; }
   .address .control { display: none; }
-  .address-default {background: url(../images/peraddress.png) repeat-x; background-position: bottom; }
+  .address-default {background: url(../images/buy-peraddress.png) repeat-x; background-position: bottom; }
   ul.address-list li { padding: 5px; min-height: 60px; overflow: hidden; }
   .address-detail .phone { float: right; }
   ul.address-list .am-icon-angle-right { color: #888; }

public/static/index/default/css/common.css

@@ -96,9 +96,9 @@ color: #F5F5F2;font-size: 12px;cursor:pointer;border-radius:0px 0px; position: a
 
 .mobile-navigation{position: fixed;bottom:0px ;width: 100%;z-index: 999;background:#fff ;}
 .mobile-navigation li{width: 25%;padding:2px ;background:#fff ;border-top:1px solid #f5f5f5 ;float: left;text-align: center;font-size: 12px; position: relative; }
-.mobile-navigation li a { text-decoration: none; }
-.mobile-navigation li i{display: block;font-size: 16px; z-index: 1; }
-.mobile-navigation li.active a{color:#d2364c ;}
+.mobile-navigation li a { text-decoration: none; color: #666; }
+.mobile-navigation li img { width: 30px; height: 30px; margin: 0 auto; }
+.mobile-navigation li.active a{ color:#d2364c; }
 .hot-icon { position: absolute; top: 1%; left: 53%; z-index: 2; border: 1px solid #fff; }
 
 @media only screen and (min-width: 640px) {

public/static/index/default/css/goods.css

@@ -98,7 +98,7 @@ input{font-size:12px;font-size:100%;outline:none;line-height:normal;color:#444;}
     /*选中样式*/
     .sku-line{position: relative;}
     .theme-options li a:hover{ border:2px solid #e4393c; padding:0 5px; text-decoration:none;}
-    .theme-options li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:0px; bottom:0px; background:url(../images/sys_item_selected.gif) no-repeat right bottom; z-index:99; display:none;}
+    .theme-options li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:0px; bottom:0px; background:url(../images/sys-item-selected.gif) no-repeat right bottom; z-index:99; display:none;}
     .theme-options li.selected a{ border:2px solid #e4393c; padding:0 5px;}
     .theme-options li.selected i{ display:block;} 
 
@@ -190,7 +190,7 @@ fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;}
  .goods-favor-count { color: #999; }
 .iteminfo_parameter a:hover{text-decoration: none;color:initial ;}
 .tm-indcon .tm-label,.tb-detail-price dt{ white-space:nowrap; color:#888;}
-.tb-detail-price{ background: #fcf1e3 url(../images/goods_meta_bg.png); background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; height:75px;padding:10px; }
+.tb-detail-price{ background: #fcf1e3 url(../images/goods-meta-bg.png); background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; height:75px;padding:10px; }
 .tb-detail-price .items {display: block;margin-left:0 !important;}
 .tb-detail-price .items dt { float:left; text-align: left;}
 .sys_item_price{font-size: 24px;font-weight: bold; line-height: 16px;}
@@ -352,7 +352,7 @@ ul.detail-attr li {height: 26px;overflow: hidden;line-height: 26px;vertical-alig
     .tb-thumb li div { border:1px solid #eee; overflow: hidden;}
     div.zoomDiv { z-index:999; position:absolute; top:0px; left:0px; width:400px; height:400px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
     div.zoomDiv img { min-width: 1000px; display: block; }
-    div.zoomMask { position:absolute; background:url(../images/mask.png)repeat scroll 0 0 rgba(33, 150, 243, 0.3); cursor:move; z-index:1; }
+    div.zoomMask { position:absolute; background:url(../images/goods-mask.png)repeat scroll 0 0 rgba(33, 150, 243, 0.3); cursor:move; z-index:1; }
             
     /*规格*/
     .theme-popover {display: block;position: static;border:none ;box-shadow: none;width: 100%;}
@@ -426,6 +426,7 @@ ul.detail-attr li {height: 26px;overflow: hidden;line-height: 26px;vertical-alig
     ul.tm-ind-panel li:first-child { text-align: left; }
     ul.tm-ind-panel li:last-child { text-align: right; }
     .tb-detail-price .items dt { margin-right: 10px; }
+    .tb-detail-hd h1 { font-size: 14px; }
 
     /* 推荐商品 */
     .like li:not(:nth-of-type(2n)) { border-right: 1px solid #eee; }

public/static/index/default/css/index.css

@@ -35,24 +35,6 @@ dt + dd {margin-top: 0;}
 text-align: center;float:none}
 .items-nav-title h3,.items-nav-title .today-brands,.items-nav-title .more{display: none;}
 
-
-/*第二套各类活动*/
-.row {padding: 10px 0px;overflow: hidden;}
-.row li{width: 50%;float: left;}
-/*秒杀*/
-.sale {background: #ffd800;padding: 0px 2px 4px 2px;}
-.sale-item{padding: 0px 2px;}
-.sale-item .s-img,.sale-item .s-info{background:#fff ;padding:10px 2px ;}
-/*时间*/
-.sale-mt{overflow: hidden;background:#ffd800 ;margin-top:10px ;}
-.sale-mt i {float: left;display: block;width:60px;height:46px;background: url(../../images/sale-t_clock.jpg);background-size:100% }
-.sale-mt .sale-title{font-size: 18px;font-style:italic;line-height: 46px;color: #885621;margin-left:10px;}
-.sale-mt .s-time {float:right;width:112px;height: 27px;position: relative;background: url(../../images/icon-sale.png);background-size:100% ;margin-top:10px ;margin-right: 10px;}
-.sale-mt .s-time span { position: absolute;top: 0;display: block;width: 27px;height: 27px;line-height: 27px;font-size:18px;color: #ffeee0;text-align: center;overflow: hidden;}
-.s-time .mm {left:43px;}
-.s-time .ss {left:85px;}
-
-.s-buy{display:none;}
 /*楼层*/
 .flood {background: #fff; position: relative; }
 .outer-con .price { color: #f33f00; font-weight: bold; }

public/static/index/default/css/order.detail.css

@@ -178,7 +178,7 @@ ul.progress li.current .title {
 .business-item ul li { border:1px solid transparent ;overflow: hidden; float: left; cursor: pointer; padding: 5px; border: 1px solid #eee; margin: 0 10px 10px 0; }
 .business-item ul  li img { width: 36px; height: 36px; }
 .business-item ul li.selected { border-color: #d2364c ; position: relative; }
-.business-item ul li.selected i.icon-active { position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; right: 0px; bottom: 0px; background: url(../images/sys_item_selected.gif) no-repeat right bottom; }
+.business-item ul li.selected i.icon-active { position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; right: 0px; bottom: 0px; background: url(../images/sys-item-selected.gif) no-repeat right bottom; }
 @media only screen and (min-width:640px) {
   .business-item ul li {width:calc(33% - 5px); }
   .business-item ul li:nth-child(3n) { margin-right: 0; }

public/static/index/default/css/search.css

@@ -23,7 +23,7 @@ li.select-result dl{padding: 25px 0 5px 0px;}
 li.select-result dt {left:-26px; top:0;font-weight:bold;width:50px;}
 
 .select-no{color:#999}
-.select .select-result a{padding-right:20px;background: url("../images/close.png") right 9px no-repeat}
+.select .select-result a{padding-right:20px;background: url("../images/search-close.png") right 9px no-repeat}
 .select .select-result a:hover{background-position:right -15px}
 .screening-remove-submit{display:none;line-height:21px;margin-top:4px;width:35px;float:right;color:#F00;cursor:pointer;}
 

public/static/index/default/css/user.index.css

@@ -2,7 +2,7 @@
  * 用户中心
  */
 .user-base, ul.order-base{overflow: hidden;}
-.user-base{-webkit-animation: changeBg 20s infinite; -moz-animation: changeBg 20s infinite; animation: changeBg 20s infinite; background-color: #ED5564; background-image: url(../images/member_top_bg.png); background-size: cover; width: 100%; position: relative; padding: 20px 10px;}
+.user-base{-webkit-animation: changeBg 20s infinite; -moz-animation: changeBg 20s infinite; animation: changeBg 20s infinite; background-color: #ED5564; background-image: url(../images/user-member_top_bg.png); background-size: cover; width: 100%; position: relative; padding: 20px 10px;}
 .user-base p, .user-base span, .user-base a{color: #fff;}
 .user-base a, .order-base a, .order-nav a{text-decoration: none;}
 .user-avatar{text-align: center;}

public/static/index/default/css/useraddress.css

@@ -17,7 +17,7 @@ ul.address-list li .user-base {
     }
 
     ul.address-list li.address-default {
-        background-image: url(../images/peraddressbg.png);
+        background-image: url(../images/address-peraddressbg.png);
     }
 
     ul.address-list li {
@@ -25,7 +25,7 @@ ul.address-list li .user-base {
         width: calc(50% - 5px);
         height: 130px;
         float: left;
-        background-image: url(../images/peraddbg.png);
+        background-image: url(../images/address-peraddbg.png);
         background-repeat: no-repeat;
         background-size: 100% 100%;
         margin: 0 10px 10px 0;