style: 页首商品搜索面板.商品名称长度溢出显示省略号.

components/PcHeader.vue

@@ -138,7 +138,7 @@
                       "
                       alt="" />
                     <div class="product-info">
-                      <p>{{ item.alias_name || item.product_name }}</p>
+                      <p style="width:94%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{ item.alias_name || item.product_name }}</p>
                       <p>{{ item.product_code }}</p>
                     </div>
                   </nuxt-link>
@@ -1008,6 +1008,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.product-info {width:100%;}
 header {
   width: 100%;
   position: fixed;