样式微调

components/product/component/ComponentDetail.vue

@@ -68,8 +68,8 @@
         </p>
         <ul v-if="list.properties && (list.properties.length > 1 || (list.properties.length == 1 && list.properties[0].value))">
           <li v-for="prop in properties">
-            <span>{{prop.property.labelCn || '-'}}</span>
-            <span>{{prop.value || '-'}}</span>
+            <span :title="prop.property.labelCn">{{prop.property.labelCn || '-'}}</span>
+            <span :title="prop.value">{{prop.value || '-'}}</span>
           </li>
           <li v-if="!isEven(properties.length)">
             <span>-</span>
@@ -430,6 +430,10 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    padding: 0 15px;
+  }
+  .product-params >ul li span:nth-child(1) {
+    font-weight: bold;
   }
   .product-params >ul li:nth-child(odd) {
     border-left: 1px solid #e5e5e5;