资料库

src/main/resources/static/css/document/more-content.css

@@ -38,6 +38,7 @@ li{list-style:none}
     .document-list .list-item .list-item-top .main {width: 800px;height: 120px;float: left;}
     .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;text-align: left;white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
     .document-list .list-item .list-item-top .main p{font-weight: normal;font-size: 16px;line-height: 34px;color: #666666;text-align: left;white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
+    .document-list .list-item .list-item-top .main span{margin-right: 10px;}
     .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 20px 0;border-top: 1px solid #CFDBE2;float: left;}
     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999999;float: left;margin: 5px 0;}
     .document-list .list-item .list-item-bot .pdf-li .img{width: 18px;height: 20px;display: block;float: left;margin-top: 5px;}
@@ -85,6 +86,7 @@ li{list-style:none}
     .document-list .list-item .list-item-top .main {height: 20vw;float: left;width: 56vw;}
     .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 4vw;line-height: 6.5vw;color: #E15616;text-align: left;white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
     .document-list .list-item .list-item-top .main p{width: 100%;font-weight: normal;font-size: 3vw;line-height: 6.5vw;color: #666666;text-align: left;	white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
+    .document-list .list-item .list-item-top .main span{margin-right: 3vw;}
     .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 2vw 0;border-top: 1px solid #CFDBE2;float: left;}
     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 10vw;font-size: 3vw;color: #999999;float: left;margin:1vw 0;}
     .document-list .list-item .list-item-bot .pdf-li .img{width: 7vw;height:8vw;display: block;float: left;margin-top: 0;}

src/main/resources/templates/document/more-content.html

@@ -33,9 +33,9 @@
                     <div class="list-item-top">
                         <div class="image"><img :src="ossArchive.mainImage" alt=""></div>
                         <div class="main">
-                            <h1>供应商:{{ ossArchive.shopName }}</h1>
-                            <p>商品名称:{{ ossArchive.productName }}</p>
-                            <p>资料库名称:{{ ossArchive.name }}</p>
+                            <h1><span>供应商:</span>{{ ossArchive.shopName }}</h1>
+                            <p><span>商品名称:</span> {{ ossArchive.productName }}</p>
+                            <p><span>资料库名称:</span>{{ ossArchive.name }}</p>
                         </div>
                     </div>
                     <div class="list-item-bot">