采美信息平台面包屑导航上方添加提示

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

@@ -85,8 +85,9 @@ dl,dd,dt{zoom:1}
 	.footer p{line-height: 30px;color: #FFFFFF;}
 	.footer p span{margin:0 5px}
 	.footer p span img.icp{width: 18px;height: 18px;display: inline-block;}
-	.tip{width:1190px;margin:0 auto;padding-top:90px;padding-bottom:15px;font-size: 14px;color: #666;}
-	.bar{width:1190px;margin:0 auto;padding-bottom:15px}
+	.tip-bar{padding: 80px 0 5px}
+	.bar,.tip{width:1190px;margin:0 auto;padding-bottom:5px}
+	.tip{color: #777;}
 	.bar a{color:#777;font-size:14px}
 	.classify.biaoqian{border-bottom:solid 1px #ededed}
 	.content{width:1190px;margin:0 auto;position:relative}
@@ -201,7 +202,9 @@ dl,dd,dt{zoom:1}
 	.header .type a{display:inline-block;margin-right:1vw;padding:0 2vw;font-size:3.7vw}
 	.header .type a.current{color:#e15616}
 	.header .type:after{content:'';position:absolute;top:0;right:0;width:6vw;background-image:linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,1));height:100%}
-	.tip,.bar,.classify{height:8vw;line-height:8vw;font-size:3.1vw;overflow:hidden;color:#93979F;padding:0 2vw}
+	/*.tip-bar{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse}*/
+	.tip-bar{ padding: 2vw 0 }
+	.tip,.bar,.classify{height:6vw;line-height:6vw;font-size:3.1vw;overflow:hidden;color:#93979F;padding:0 2vw}
 	.classify em{color:#E15616;font-weight:bold;margin-right:1vw;font-size:3.7vw}
 	.mainData{min-height:68vh}
 	.new-list{background:#FFF;}

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

@@ -10,10 +10,12 @@
 <div class="cm-modal"></div>
 <!--导航栏-->
 <template th:replace="article/components/article-header"></template>
-<div class="tip">提示：点击左上角采美logo前往采美商城搜索商品详情</div>
-<!--面包屑-->
-<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 class="tip-bar">
+    <div class="tip">提示：产品详情请到采美商城搜索</div>
+    <!--面包屑-->
+    <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="content clearfix" id="ArticleContent">