国之重器详情页bug fix

src/views/TreasureDetail.vue

@@ -145,11 +145,11 @@
           <span class="cur">{{ currentSlideIdx + 1 }}</span> / <span>{{ list.length }}</span>
         </div> -->
       </div>
-      <!-- <p class="main">
-        厂家：江南造船     尺寸：模型：长1230mm，宽700mm，高2300mm
-      </p> -->
+      <div class="main-info-wrap">
+        厂家：{{ rawData.value?.entity?.company || '-' }}&emsp;类型：{{ rawData.value?.entity?.type || '-' }}
+      </div>
       <p class="desc">
-        {{ rawData.value?.entity?.description }}
+        简介：{{ rawData.value?.entity?.description }}
       </p>
     </div>
 
@@ -456,9 +456,9 @@ export default {
   >.main-wrapper {
     position: absolute;
     left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    height: calc(100% - 144px - 128px - 40px);
+    top: 170px;
+    transform: translate(-50%, 0);
+    height: calc(100% - 170px - 20px);
     width: 80%;
     max-width: 1164px;
     .swiper-root {
@@ -526,6 +526,16 @@ export default {
       margin-bottom: 22px;
       text-align: center;
     }
+    >.main-info-wrap {
+      font-size: 20px;
+      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+      font-weight: 400;
+      color: #FFFFFF;
+      line-height: 1.5;
+      margin-top: 20px;
+      white-space: pre;
+      text-align: center;
+    }
     >p.desc {
       height: 108px;
       width: 100%;
@@ -541,9 +551,8 @@ export default {
       margin-left: auto;
       margin-right: auto;
       padding-left: 10px;
-
-      margin-top: 20px;
-      height: 150px;
+      margin-top: 16px;
+      height: 100px;
       &::-webkit-scrollbar { background: transparent; width: 4px; } /*宽度是对垂直滚动条而言，高度是对水平滚动条而言*/
       &::-webkit-scrollbar-thumb {
         background: rgba(220, 231, 240, 0.2);