updated

src/main/resources/static/css/article/article.css

@@ -115,6 +115,8 @@ dl,dd,dt{zoom:1}
 	.header .nav .type-content .type-item .nav-menu a {width: 100%;height: 40px;color: #4A4F58;display: flex;align-items: center;font-size: 14px;padding-left: 10px;}
 	.header .nav .type-content .type-item .nav-menu a:hover {background: #FFF4EE;color: #FF5B00;}
 
+	.nav .type .type-content .moreLink {padding: 0 16px;}
+	.nav .type .type-content .moreLink:hover {background: rgba(0,0,0,0.2);}
 	.nav .type a{height:64px;line-height:64px;font-size:16px;color:#fff;text-align:center;display:table-cell;vertical-align:top;white-space:nowrap; box-sizing: border-box;}
 	.type a:hover{background-color:#e96c1c;border-bottom-color: #fec19a}
 	/*.header .nav .type-content .current{background-color:rgba(0,0,0,0.2);padding-right: 16px;}*/

src/main/resources/templates/article/components/article-header.html

@@ -80,7 +80,7 @@
                         <a th:each="link: *{type.linkList}" th:href="'/info/center-'+${link.id}+'-1.html'" th:text="${link.name}"></a>
                     </div>
                 </div>
-<!--                <a class="typeBtn" href="/document/beauty-archive.html" target="_blank">美业资料</a>-->
+                <a class="typeBtn moreLink" href="/document/beauty-archive.html" target="_blank">美业资料</a>
                 <!-- <a class="typeBtn" href="/encyclopedia/product.html" target="_blank">采美百科</a> -->
             </div>
         </div>

src/main/resources/templates/article/list.html

@@ -10,14 +10,21 @@
 <div class="cm-modal"></div>
 <!--导航栏-->
 <template th:replace="article/components/article-header"></template>
-<!--<div class="tip-bar">-->
-<!--    &lt;!&ndash;    <div class="tip">提示：产品详情请到采美商城搜索</div> &ndash;&gt;-->
-<!--    &lt;!&ndash;    面包屑&ndash;&gt;-->
-<!--    <div th:if="${typeId}>0" class="bar">-->
-<!--        <a href="/" target="_blank">首页</a>&gt; <a  th:each="type: ${articleType}" th:if="${typeId}==${type.id}" th:text="${type.name}" href="javascript:void(0);" class="title newTitle"></a>-->
-<!--    </div>-->
-<!--</div>-->
-<div class="info-banner PcBanner" th:if="${isSearch}">
+<div class="tip-bar">
+    <!--    <div class="tip">提示：产品详情请到采美商城搜索</div> -->
+    <!--    面包屑-->
+    <div th:if="${typeId}>0" class="bar">
+        <a href="/" target="_blank">首页 &gt; </a>
+        <a th:each="type: ${articleType}" th:if="${typeId}==${type.id}" th:text="${type.name}" href="javascript:void(0);" class="title newTitle"></a>
+        <span th:each="type: ${articleType}">
+            <a th:text="${type.name}" href="javascript:void(0);" class="title newTitle"></a>
+            <span th:each="childLink: ${type.linkList}">
+                <a th:if="${typeId}==${childLink.id}" href="javascript:void(0);" class="title newTitle" th:text="'>' + ${childLink.name}"></a>
+            </span>
+        </span>
+    </div>
+</div>
+<div class="info-banner PcBanner" th:if="${isSearch} and ${articleImages}">
     <div class="banner" th:each="type: ${articleImages}" th:if="${type.levelType} == 1" >
         <a th:href="${type.jumpLink}">
             <img th:src="${type.headPcBanner}" style="width: 100%;height: 100%;" />