参数显示浏览器样式兼容

components/product/component/ComponentDetail.vue

@@ -37,6 +37,7 @@
               <div class="description"
                    :class="{'more-description':showMoreDesc}"
                    v-if="store.description">
+                <span class="more-desc-start" v-show="showMoreDesc">:</span>
                 {{[store.description, showMoreDesc] | descriptionFilter}}
                 <span @click="showMoreDesc = !showMoreDesc" >
                   <img :src="!showMoreDesc?'/images/component/circle-arrow-down.png':'/images/component/circle-arrow-up.png'" alt="">
@@ -321,6 +322,10 @@
     right: 10px;
     bottom: 7px;
   }
+  .componentDetail .container .component-message .description.more-description .more-desc-start {
+    left: -0.5px;
+    top: 13px;
+  }
   .componentDetail .container .component-message .message-body a {
     color: #337ab7;
   }
@@ -409,13 +414,12 @@
   }
   .product-params >ul {
     background: #fff;
-    border-left: 1px solid #e5e5e5;
-    border-top: 1px solid #e5e5e5;
     margin-bottom: 37px;
   }
   .product-params >ul li {
     display: inline-block;
     border-bottom: 1px solid #e5e5e5;
+    float: left;
   }
   .product-params >ul li span {
     display: inline-block;
@@ -429,6 +433,9 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .product-params >ul li:nth-child(odd) {
+    border-left: 1px solid #e5e5e5;
+  }
   .product-params >ul li:nth-child(4n), .product-params >ul li:nth-child(4n-1) {
     background: #f5f6f8;
   }
@@ -462,7 +469,4 @@
     color: #999;
     font-size: 12px;
   }
-  .empty-param:hover{
-    background: #f1f5ff;
-  }
 </style>