优化样式

application/index/view/base/footer.html

@@ -50,7 +50,7 @@
 </nav>
 </div>
 <div class="col-md-auto col-12 item">
-<div class="copyright"> Copyright © 2019 <span style="color:#666;">Powered by Mosheng</span>
+	<div class="copyright"> Copyright © 2019 <span style="color:#666;">Designed by <a href="https://www.dashgame.com" target="_blank">DashGame</a></span>
 <br><a href="http://www.miitbeian.gov.cn" title="备案" target="_blank">渝ICP备14004903号</a>
 </div>
 </div>

application/index/view/base/header.html

@@ -283,8 +283,8 @@
                 margin-top: 6px;
             }
 
-            .breadcrumb > .active {
-                color: red;
+            .breadcrumb > .active,  .breadcrumb > .active > a{
+                color: #2c7ae7!important;
                 font-weight: bold;
             }
 
@@ -293,7 +293,23 @@
                 min-height: 500px;
             }
 
-      
+            .breadcrumb.top-section{background: #fff;}
+
+            .breadcrumb.top-section>img {
+                width: 20px;
+                height: 20px;
+                position: absolute;
+                margin-top: 13px;
+            }
+
+            .breadcrumb.top-section li.no-first-bar{
+                margin-top: 0;
+                margin-left: 24px;
+            }
+
+            .breadcrumb.top-section li:nth-child(3):before{
+                content: "";
+            }
 
             .servises-item-desc a {
                 text-decoration: none;
@@ -309,15 +325,15 @@
 <div class="row">
 
 {volist name="tags" id="vo"}
-<ol class="breadcrumb col-sm-12 " >
+<ol class="breadcrumb col-sm-12 top-section" >
     {if condition="$vo['tagname'] eq '热门' "}
-        <img src="/static/admin/images/fire.png" style="width: 20px;height: 20px;"><li style="color: #EF5350;">{$vo.tagname}</li>
-    {elseif condition="$vo['tagname'] eq '推荐' "/}
-        <img src="/static/admin/images/zan.png" style="width: 20px;height: 20px;"><li style="color: #4FC3F7;">{$vo.tagname}</li>
-    {elseif condition="$vo['tagname'] eq 'PDF' "/}   
-        <img src="/static/admin/images/pdf.png" style="width: 20px;height: 20px;"><li style="color: #FF5722;">{$vo.tagname}</li>
-    {elseif condition="$vo['tagname'] eq '开发' "/}
-        <img src="/static/admin/images/jt.png" style="width: 20px;height: 20px;"><li style="color: #EC407A;">{$vo.tagname}</li>
+    <img src="/static/admin/images/fire.png"><li class="no-first-bar" style="color: #EF5350;">{$vo.tagname}</li>
+    {elseif condition="$vo['tagname'] eq '推荐' "}
+    <img src="/static/admin/images/zan.png"><li class="no-first-bar" style="color: #4FC3F7;">{$vo.tagname}</li>
+    {elseif condition="$vo['tagname'] eq 'PDF' "}
+    <img src="/static/admin/images/pdf.png"><li class="no-first-bar" style="color: #FF5722;">{$vo.tagname}</li>
+    {elseif condition="$vo['tagname'] eq '开发' "}
+    <img src="/static/admin/images/jt.png"><li class="no-first-bar" style="color: #EC407A;">{$vo.tagname}</li>
     {/if}
 
     {volist name="vo['children']" id="v"}
@@ -341,12 +357,21 @@
 
 
 <script type="text/javascript">
+    var isRootView = true;
+
     //解决a标签带超链接，点击跳转显示高亮颜色 
     $('#choose-tool li a').each(function() {
-      if ($($(this))[0].href == String(window.location)) {   
-         $(this).css('color','#2196f3');
-      };
+      if ($($(this))[0].href == String(window.location)) {
+         $(this).parent().addClass('active');
+          isRootView = false;
+      } else if($($(this))[0].href.indexOf('.html') > -1) {
+          $(this).parent().removeClass('active');
+      }
     });
+
+    //默认选中第一个“所有类别”
+    if(isRootView)
+        $('#choose-tool li:eq(0)').addClass('active');
 </script>