采美百科上测试

src/main/resources/static/css/encyclopedia/common.css

@@ -7,7 +7,7 @@
 .icon.arrowup{background-position:-308px -413px}
 .flex-between-center,.navbar .nav li a,.navbar .nav,.navbar .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 .container{width:1200px;margin:0 auto}
-body{padding-top:80px}
+body{padding-top:80px;min-height: 100vh;}
 .navbar{width:100%;background:#fff;position:fixed;top:0;left:0;z-index:99999;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1)}
 .navbar .logo{width:136px;height:56px;overflow:hidden}
 .navbar .logo .menu-btn{display:none}

src/main/resources/static/css/encyclopedia/detail.css

@@ -14,7 +14,9 @@
 .article .section.description .content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
 .article .section.description .content .content-left{width:986px}
 .article .section.description .content .content-left .desc{text-align:justify;font-size:14px;line-height:24px}
-.article .section.description .content .content-left .names{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.article .section.description .content .content-left .names{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height: 26px}
+.article .section.description .content .content-left .names .name{width: 60%;}
+.article .section.description .content .content-left .names .alias{ flex: 1;}
 .article .section.description .content .content-left .alias{color:#93979f;margin-left:40px}
 .article .section.description .content .cover{width:120px;height:120px;border:1px dashed #93979f;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
 .article .section.description .content .cover img{width:120px;height:120px}

src/main/resources/templates/encyclopedia/contact.html

@@ -26,7 +26,7 @@
 </div>
 <div class="contact container">
     <div class="content">
-        <h2>深圳市采美信息技术有限公司</h2>
+        <h2>深圳市采美网络信息有限公司</h2>
         <p>
             采美365网，是一家集美业仪器、产品采购交易和信息咨询为一体的一站式B2B服务平台，另设有针对C端的线上商城。
             平台集合了各类美业资源及多方优质供应商，不仅能满足生活美容院、高级医美会所、医疗美容机构对产品、光电仪器、易耗品的采购需求，还能提供专业的产品信息咨询服务，包括仪器对比、配套信息，仪器查找、项目合作洽谈，

src/main/resources/templates/encyclopedia/instrument-detail.html

@@ -141,18 +141,18 @@
             </div>
         </div>
     </section>
-    <!-- 适宜人群 -->
+    <!-- 适应人群 -->
     <section class="section">
         <div class="title">
-            <h2>适宜人群</h2>
+            <h2>适应人群</h2>
             <div class="line"></div>
         </div>
         <div class="content" th:utext="*{adaptiveMan}"></div>
     </section>
-    <!-- 不适宜人群 -->
+    <!-- 不适应人群 -->
     <section class="section">
         <div class="title">
-            <h2>不适宜人群</h2>
+            <h2>不适应人群</h2>
             <div class="line"></div>
         </div>
         <div class="content" th:utext="*{adaptiveMan}"></div>

src/main/resources/templates/encyclopedia/map.html

@@ -23,7 +23,7 @@
                     icon: 'twig',
                     color: 'red',
                     name: '锦峰大厦A座21B',
-                    desc: '深圳市采美信息技术有限公司',
+                    desc: '深圳市采美网络信息有限公司',
                     lnglat: {Q: 22.53608091509164, R: 114.09600510165099, lng: 114.096005, lat: 22.536081},
                     offset: {x: -18, y: -25},
                     type: 'Marker',

src/main/resources/templates/encyclopedia/product-detail.html

@@ -5,7 +5,9 @@
     <meta charset="UTF-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <title>采美百科-产品百科详情</title>
+    <meta name="keyword" th:content="${baikeProduct.name}" />
+    <meta name="description" th:content="${baikeProduct.discription}" />
+    <title th:text="${'采美百科-产品百科详情-' + baikeProduct.name}"></title>
     <link rel="stylesheet" th:href="@{/css/encyclopedia/normalize.css(v=${version})}"/>
     <link rel="stylesheet" th:href="@{/css/encyclopedia/base.css(v=${version})}"/>
     <link rel="stylesheet" th:href="@{/css/encyclopedia/common.css(v=${version})}"/>
@@ -126,18 +128,18 @@
             </div>
         </div>
     </section>
-    <!-- 适宜人群 -->
+    <!-- 适应人群 -->
     <section class="section">
         <div class="title">
-            <h2>适宜人群</h2>
+            <h2>适应人群</h2>
             <div class="line"></div>
         </div>
         <div class="content" th:utext="*{adaptiveMan}"></div>
     </section>
-    <!-- 不适宜人群 -->
+    <!-- 不适应人群 -->
     <section class="section">
         <div class="title">
-            <h2>不适宜人群</h2>
+            <h2>不适应人群</h2>
             <div class="line"></div>
         </div>
         <div class="content" th:utext="*{adaptiveMan}"></div>