提交相关代码

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/css/knowledgeField.css

@@ -7,7 +7,7 @@
 }
 .knowledgeFieldCon .knowledgeField {
   flex: 1;
-  margin: 2.1875rem;
+  margin: 2.1875rem 6.5rem;
   background: #fff;
   border-radius: 0.25rem;
   display: flex;
@@ -79,7 +79,7 @@
   margin-right: 1.25rem;
 }
 .knowledgeFieldCon .knowledgeField .knowledgeField-content .knowledgeField-content-item .textContent {
-  width: 97.5rem;
+  width: 88.5rem;
 }
 .knowledgeFieldCon .knowledgeField .knowledgeField-content .knowledgeField-content-item .textContent .textContentTitle {
   color: #000000;
@@ -169,6 +169,14 @@
   letter-spacing: 0px;
   text-align: center;
   padding-top: 1.5rem;
+  position: relative;
+}
+.knowledgeFieldCon .knowledgeDetails .knowledgeDetails-left .knowledgeDetails-left-title .previewTwo {
+  position: absolute;
+  font-size: 0.875rem;
+  color: #7b7b7b;
+  top: 0;
+  right: 0;
 }
 .knowledgeFieldCon .knowledgeDetails .knowledgeDetails-left .knowledgeDetails-left-con {
   padding: 0 1.875rem 0.9375rem 1.875rem;
@@ -209,7 +217,7 @@
 .knowledgeFieldCon .knowledgeDetails .knowledgeDetails-left .knowledgeDetails-left-con li {
   font-family: Microsoft YaHei UI;
   font-weight: regular;
-  font-size: 1rem;
+  font-size: 0.875rem;
   line-height: normal;
   margin-right: 1.0625rem;
 }
@@ -276,6 +284,12 @@
 .knowledgeFieldCon .knowledgeDetails .knowledgeDetails-right .latestList {
   width: 100%;
 }
+.knowledgeFieldCon .knowledgeDetails .knowledgeDetails-right .latestList a {
+  margin-bottom: 1rem;
+}
+.knowledgeFieldCon .knowledgeDetails .knowledgeDetails-right .latestList a:last-child {
+  margin-bottom: 0;
+}
 .knowledgeFieldCon .knowledgeDetails .knowledgeDetails-right .latestList .latestList-item {
   width: 100%;
   display: flex;

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/css/knowledgeField.less

@@ -7,7 +7,7 @@
   // 知识园地
   .knowledgeField {
     flex: 1;
-    margin: 2.1875rem;
+    margin: 2.1875rem 6.5rem;
     background: #fff;
     border-radius: 0.25rem;
     display: flex;
@@ -82,7 +82,7 @@
           margin-right: 1.25rem;
         }
         .textContent {
-          width: 97.5rem;
+          width: 88.5rem;
           .textContentTitle {
             color: #000000;
             font-family: Microsoft YaHei UI;
@@ -175,6 +175,14 @@
         letter-spacing: 0px;
         text-align: center;
         padding-top: 1.5rem;
+        position: relative;
+        .previewTwo {
+          position: absolute;
+          font-size: .875rem;
+          color: #7b7b7b;
+          top: 0;
+          right: 0;
+        }
       }
 
       .knowledgeDetails-left-con {
@@ -218,7 +226,7 @@
         li {
           font-family: Microsoft YaHei UI;
           font-weight: regular;
-          font-size: 1rem;
+          font-size: .875rem;
           line-height: normal;
           // margin-right: 2.0625rem;
           margin-right: 1.0625rem;
@@ -292,6 +300,12 @@
       }
       .latestList {
         width: 100%;
+        a {
+          margin-bottom: 1rem;
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
         .latestList-item {
           width: 100%;
           display: flex;

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledge.ftl

@@ -54,6 +54,7 @@
                     <p>${ item.profile }</p>
                     <div class="textContentUnderstand">
                       <div class="textContentUnderstandText">发布于：${item.createTimeStr}</div>
+                      <div class="textContentUnderstandText">预览量：${item.viewCount}</div>
                       <!-- <button class="linkButtonss" onclick="learnMore(${item.id})">了解详情></button> -->
                       <a class="linkButtonss" href="/articleTemplate/articleDetail?id=${item.id}">查看详情></a>
                     </div>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledgeDetails.ftl

@@ -37,7 +37,10 @@
         <img src="/image/ions/zuos.png" />
       </div>
       <div class="knowledgeDetails-left">
-        <div class="knowledgeDetails-left-title">${article.title}</div>
+        <div class="knowledgeDetails-left-title">
+          ${article.title}
+          <div class="previewTwo">预览量：${article.viewCount}</div>
+        </div>
         <div class="dividingLine"></div>
         <div class="knowledgeDetails-left-con">
           <div class="flex distribution">