资料库

src/main/resources/static/css/document/details.css

@@ -38,7 +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;}
     .document-list .list-item .list-item-top .main .p{font-weight: normal;font-size: 16px;line-height: 34px;color: #666666;text-align: left;}
-    .document-list .list-item .list-item-top .main .p .label{display: inline-block;float: left;}
+    .document-list .list-item .list-item-top .main .p .p-span{display: inline-block;float: left;}
     .document-list .list-item .list-item-top .main h1 span{margin-right: 5px;}
     .document-list .list-item .list-item-top .main .p span{margin-right: 5px;}
     .document-list .list-item .list-item-top .main .p .name{ float: left;margin-right:10px;font-weight: normal;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;}
@@ -91,10 +91,10 @@ li{list-style:none}
     .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -67vw 0;}
     .document-list .list-item .list-item-top .main {height: 20vw;float: left;width: 70vw;}
     .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 .p .label{display: inline-block;float: left;}
+    .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;display: flex;}
+    .document-list .list-item .list-item-top .main .p .p-span{flex: 0.9;}
     .document-list .list-item .list-item-top .main .p .name{ float: left; width: 48%;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: 1vw;}
+    .document-list .list-item .list-item-top .main span{margin-right: 3vw;}
     .document-list .list-item .list-item-top .main .p .more{display: inline-block;float: right;margin-right: 0;color: #E15616;cursor: pointer;width: 15vw;height: 6.5vw;background-color: #FFF5F1;border-radius: 0.5vw;text-align: center;}
     .document-list .list-item .list-item-bot{width: 100%;min-height: 80vw;padding: 0;border-top: 1px solid #CFDBE2;float: left;box-sizing: border-box;}
     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 10vw;font-size: 3vw;color: #999999;float: left;margin:1vw 0;}

src/main/resources/templates/document/details.html

@@ -35,8 +35,8 @@
                         <div class="image"><img :src="ossArchive.mainImage" alt=""></div>
                         <div class="main">
                             <h1><span>供应商:</span>{{ ossArchive.shopName }}</h1>
-                            <div class="p"><span>商品名称:{{ ossArchive.productName }}</span></div>
-                            <div class="p"><span>资料库名称: </span><p class="name">{{ ossArchive.name }}</p><span @click="MoreDetails()" class="more">更多资料</span></div>
+                            <div class="p"><span>商品名称:</span><p>{{ ossArchive.productName }}</p></div>
+                            <div class="p"><p class="p-span">资料库名称: </p><p class="name">{{ ossArchive.name }}</p><span @click="MoreDetails()" class="more">更多资料</span></div>
                         </div>
                     </div>
                     <div class="list-item-bot" >