采美百科上测试

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

@@ -23,10 +23,10 @@
 .article .section.params .tr{width:100%;text-align:center;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;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #e3e6eb;flex-wrap: wrap;}
 .article .section.params .tr:first-child{border-top:1px solid;border-left:1px solid;border-color:#e3e6eb}
 .article .section.params .tr .group{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;width:50%}
-.article .section.params .tr .th,.article .section.params .tr .td{width:50%;line-height:40px;font-size:14px;height:40px;border-right:1px solid;border-bottom:1px solid;border-color:#e3e6eb;-webkit-box-sizing:border-box;box-sizing:border-box}
+.article .section.params .tr .th,.article .section.params .tr .td{line-height:40px;font-size:14px;height:40px;border-right:1px solid;border-bottom:1px solid;border-color:#e3e6eb;-webkit-box-sizing:border-box;box-sizing:border-box}
 .article .section.params .tr .th a,.article .section.params .tr .td a{color:#e15616}
-.article .section.params .tr .th{background:#f4f5f8}
-.article .section.params .tr .td{background:#ffffff}
+.article .section.params .tr .th{background:#f4f5f8;width: 30%;}
+.article .section.params .tr .td{background:#ffffff;width: 70%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .article .section.approve .content .name{font-size:14px;line-height:24px}
 .article .section.approve .content a{color:#e15616}
 .article .section.approve .content .img-list{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}
@@ -38,7 +38,7 @@
 .article .section.question .content .collapse dt{font-weight:bold}
 .article .section.question .content .collapse dt span{background:#ffa457}
 .article .section.question .content .collapse dt .icon{position:absolute;right:0;top:2px;cursor:pointer}
-.article .section.question .content .collapse dd{padding-right:0;margin-top:4px}
+.article .section.question .content .collapse dd{padding-right:0;margin-top:4px;}
 .article .section.question .content .collapse dd span{background:#34cc8c}
 .contact-popup{display: none; position:fixed;top: 50%;left: 50%;z-index: 99999; transform: translate(-50%,-50%); width:314px;height:418px;overflow:hidden;background:url(/img/encyclopedia/contact.png) no-repeat center}
 .contact-popup .close{position:absolute;display:block;width:30px;height:30px;text-align:center;line-height:30px;top:10px;right:20px;font-size:28px;color:#2c3038;cursor:pointer}
@@ -78,7 +78,8 @@ body{padding-top:40.3vw}
 .article .section.params .tr .group .th::after{content:"："}
 .article .section.params .tr .group .td>a{ color: #e15616;}
 .article .section.approve .name{font-size:3.2vw}
-.article .section.approve .img-list img{display:block;width:23.6vw;height:23.6vw;border:1px dashed #e3e6eb;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:2.4vw;margin-top:2.4vw}
+.article .section.approve .img-list{ overflow-x:scroll;}
+.article .section.approve .img-list img{display:block;/*width:23.6vw;*/height:23.6vw;border:1px dashed #e3e6eb;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:2.4vw;margin-top:2.4vw}
 .article .section.effect img{display:block;max-width:100%}
 .article .section.question .collapse dt,.article .section.question .collapse dd{font-size:3.2vw}
 .article .section.question .collapse dt span,.article .section.question .collapse dd span{display:inline-block;vertical-align:middle;width:4vw;height:4vw;border-radius:0.2vw;text-align:center;line-height:4vw;color:#fff;margin-right:2.4vw}

src/main/resources/templates/encyclopedia/components/header.html

@@ -15,7 +15,7 @@
         <ul class="nav" id="menuNav">
             <li class="active"><a href="product.html">产品百科</a></li>
             <li><a href="instrument.html">仪器百科</a></li>
-            <li><a href="about.html">关于采美百科</a></li>
+<!--            <li><a href="about.html">关于采美百科</a></li>-->
             <li><a href="contact.html">联系我们</a></li>
             <li><span class="nav-close" id="#menuColseBtn"></span></li>
         </ul>

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

@@ -155,7 +155,7 @@
             <h2>不适应人群</h2>
             <div class="line"></div>
         </div>
-        <div class="content" th:utext="*{adaptiveMan}"></div>
+        <div class="content" th:utext="*{unAdaptiveMan}"></div>
     </section>
     <!-- 术前术后 -->
     <section class="section">

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

@@ -142,7 +142,7 @@
             <h2>不适应人群</h2>
             <div class="line"></div>
         </div>
-        <div class="content" th:utext="*{adaptiveMan}"></div>
+        <div class="content" th:utext="*{unAdaptiveMan}"></div>
     </section>
     <!-- 术前术后 -->
     <section class="section">