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

.nuxt/components/index.js

@@ -35,6 +35,12 @@ export const TinymceDynamicLoadScript = () => import('../../components/Tinymce/d
 export const Tinymce = () => import('../../components/Tinymce/index.vue' /* webpackChunkName: "components/tinymce" */).then(c => wrapFunctional(c.default || c))
 export const TinymcePlugins = () => import('../../components/Tinymce/plugins.js' /* webpackChunkName: "components/tinymce-plugins" */).then(c => wrapFunctional(c.default || c))
 export const TinymceToolbar = () => import('../../components/Tinymce/toolbar.js' /* webpackChunkName: "components/tinymce-toolbar" */).then(c => wrapFunctional(c.default || c))
+export const ProductLeft = () => import('../../components/product/ProductLeft.vue' /* webpackChunkName: "components/product-left" */).then(c => wrapFunctional(c.default || c))
+export const ProductRight = () => import('../../components/product/ProductRight.vue' /* webpackChunkName: "components/product-right" */).then(c => wrapFunctional(c.default || c))
+export const ProductQuote = () => import('../../components/product/Quote.vue' /* webpackChunkName: "components/product-quote" */).then(c => wrapFunctional(c.default || c))
+export const CustomElSliderButton = () => import('../../components/custom-el-slider/button.vue' /* webpackChunkName: "components/custom-el-slider-button" */).then(c => wrapFunctional(c.default || c))
+export const CustomElSlider = () => import('../../components/custom-el-slider/index.vue' /* webpackChunkName: "components/custom-el-slider" */).then(c => wrapFunctional(c.default || c))
+export const CustomElSliderMarker = () => import('../../components/custom-el-slider/marker.vue' /* webpackChunkName: "components/custom-el-slider-marker" */).then(c => wrapFunctional(c.default || c))
 export const TableChangeTable = () => import('../../components/table/ChangeTable.vue' /* webpackChunkName: "components/table-change-table" */).then(c => wrapFunctional(c.default || c))
 export const TableMailTable = () => import('../../components/table/MailTable.vue' /* webpackChunkName: "components/table-mail-table" */).then(c => wrapFunctional(c.default || c))
 export const TableNewPriceTable = () => import('../../components/table/NewPriceTable.vue' /* webpackChunkName: "components/table-new-price-table" */).then(c => wrapFunctional(c.default || c))
@@ -42,12 +48,6 @@ export const TableStockTable = () => import('../../components/table/StockTable.v
 export const TableTotalTable = () => import('../../components/table/TotalTable.vue' /* webpackChunkName: "components/table-total-table" */).then(c => wrapFunctional(c.default || c))
 export const TableUnitTable = () => import('../../components/table/UnitTable.vue' /* webpackChunkName: "components/table-unit-table" */).then(c => wrapFunctional(c.default || c))
 export const TableParamTable = () => import('../../components/table/paramTable.vue' /* webpackChunkName: "components/table-param-table" */).then(c => wrapFunctional(c.default || c))
-export const ProductLeft = () => import('../../components/product/ProductLeft.vue' /* webpackChunkName: "components/product-left" */).then(c => wrapFunctional(c.default || c))
-export const ProductRight = () => import('../../components/product/ProductRight.vue' /* webpackChunkName: "components/product-right" */).then(c => wrapFunctional(c.default || c))
-export const ProductQuote = () => import('../../components/product/Quote.vue' /* webpackChunkName: "components/product-quote" */).then(c => wrapFunctional(c.default || c))
-export const CustomElSliderButton = () => import('../../components/custom-el-slider/button.vue' /* webpackChunkName: "components/custom-el-slider-button" */).then(c => wrapFunctional(c.default || c))
-export const CustomElSlider = () => import('../../components/custom-el-slider/index.vue' /* webpackChunkName: "components/custom-el-slider" */).then(c => wrapFunctional(c.default || c))
-export const CustomElSliderMarker = () => import('../../components/custom-el-slider/marker.vue' /* webpackChunkName: "components/custom-el-slider-marker" */).then(c => wrapFunctional(c.default || c))
 export const TinymceComponentsEditorImage = () => import('../../components/Tinymce/components/EditorImage.vue' /* webpackChunkName: "components/tinymce-components-editor-image" */).then(c => wrapFunctional(c.default || c))
 
 // nuxt/nuxt.js#8607

.nuxt/components/readme.md

@@ -43,6 +43,12 @@ You can directly use them in pages and other components without the need to impo
 - `<Tinymce>` | `<tinymce>` (components/Tinymce/index.vue)
 - `<TinymcePlugins>` | `<tinymce-plugins>` (components/Tinymce/plugins.js)
 - `<TinymceToolbar>` | `<tinymce-toolbar>` (components/Tinymce/toolbar.js)
+- `<ProductLeft>` | `<product-left>` (components/product/ProductLeft.vue)
+- `<ProductRight>` | `<product-right>` (components/product/ProductRight.vue)
+- `<ProductQuote>` | `<product-quote>` (components/product/Quote.vue)
+- `<CustomElSliderButton>` | `<custom-el-slider-button>` (components/custom-el-slider/button.vue)
+- `<CustomElSlider>` | `<custom-el-slider>` (components/custom-el-slider/index.vue)
+- `<CustomElSliderMarker>` | `<custom-el-slider-marker>` (components/custom-el-slider/marker.vue)
 - `<TableChangeTable>` | `<table-change-table>` (components/table/ChangeTable.vue)
 - `<TableMailTable>` | `<table-mail-table>` (components/table/MailTable.vue)
 - `<TableNewPriceTable>` | `<table-new-price-table>` (components/table/NewPriceTable.vue)
@@ -50,10 +56,4 @@ You can directly use them in pages and other components without the need to impo
 - `<TableTotalTable>` | `<table-total-table>` (components/table/TotalTable.vue)
 - `<TableUnitTable>` | `<table-unit-table>` (components/table/UnitTable.vue)
 - `<TableParamTable>` | `<table-param-table>` (components/table/paramTable.vue)
-- `<ProductLeft>` | `<product-left>` (components/product/ProductLeft.vue)
-- `<ProductRight>` | `<product-right>` (components/product/ProductRight.vue)
-- `<ProductQuote>` | `<product-quote>` (components/product/Quote.vue)
-- `<CustomElSliderButton>` | `<custom-el-slider-button>` (components/custom-el-slider/button.vue)
-- `<CustomElSlider>` | `<custom-el-slider>` (components/custom-el-slider/index.vue)
-- `<CustomElSliderMarker>` | `<custom-el-slider-marker>` (components/custom-el-slider/marker.vue)
 - `<TinymceComponentsEditorImage>` | `<tinymce-components-editor-image>` (components/Tinymce/components/EditorImage.vue)

.nuxt/dist/server/index.spa.html

@@ -2,8 +2,8 @@
 <html {{ html_attrs }}>
   <head {{ head_attrs }}>
     {{ HEAD }}
-  <link href="/_nuxt/css/9b69cf1.css" rel="stylesheet"><link href="/_nuxt/css/0cf415b.css" rel="stylesheet"></head>
+  <link href="/_nuxt/css/9b69cf1.css" rel="stylesheet"><link href="/_nuxt/css/ad7d3a1.css" rel="stylesheet"></head>
   <body {{ body_attrs }}>
     {{ APP }}
-  <script src="/_nuxt/3da0f65.js"></script><script src="/_nuxt/1d2d4a5.js"></script><script src="/_nuxt/00e8603.js"></script><script src="/_nuxt/6bee1c9.js"></script></body>
+  <script src="/_nuxt/3da0f65.js"></script><script src="/_nuxt/1d2d4a5.js"></script><script src="/_nuxt/00e8603.js"></script><script src="/_nuxt/6c07f15.js"></script></body>
 </html>

.nuxt/dist/server/server.js

@@ -70849,9 +70849,9 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQ
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_8f956492_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(48);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_8f956492_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_8f956492_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_8f956492_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_8f956492_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_36f54628_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(48);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_36f54628_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_36f54628_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_36f54628_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PcHeader_vue_vue_type_style_index_0_id_36f54628_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
 
 
 /***/ }),
@@ -71163,6 +71163,12 @@ __webpack_require__.d(components_namespaceObject, "TinymceDynamicLoadScript", fu
 __webpack_require__.d(components_namespaceObject, "Tinymce", function() { return Tinymce; });
 __webpack_require__.d(components_namespaceObject, "TinymcePlugins", function() { return TinymcePlugins; });
 __webpack_require__.d(components_namespaceObject, "TinymceToolbar", function() { return TinymceToolbar; });
+__webpack_require__.d(components_namespaceObject, "ProductLeft", function() { return ProductLeft; });
+__webpack_require__.d(components_namespaceObject, "ProductRight", function() { return ProductRight; });
+__webpack_require__.d(components_namespaceObject, "ProductQuote", function() { return ProductQuote; });
+__webpack_require__.d(components_namespaceObject, "CustomElSliderButton", function() { return CustomElSliderButton; });
+__webpack_require__.d(components_namespaceObject, "CustomElSlider", function() { return CustomElSlider; });
+__webpack_require__.d(components_namespaceObject, "CustomElSliderMarker", function() { return CustomElSliderMarker; });
 __webpack_require__.d(components_namespaceObject, "TableChangeTable", function() { return TableChangeTable; });
 __webpack_require__.d(components_namespaceObject, "TableMailTable", function() { return TableMailTable; });
 __webpack_require__.d(components_namespaceObject, "TableNewPriceTable", function() { return TableNewPriceTable; });
@@ -71170,12 +71176,6 @@ __webpack_require__.d(components_namespaceObject, "TableStockTable", function()
 __webpack_require__.d(components_namespaceObject, "TableTotalTable", function() { return TableTotalTable; });
 __webpack_require__.d(components_namespaceObject, "TableUnitTable", function() { return TableUnitTable; });
 __webpack_require__.d(components_namespaceObject, "TableParamTable", function() { return TableParamTable; });
-__webpack_require__.d(components_namespaceObject, "ProductLeft", function() { return ProductLeft; });
-__webpack_require__.d(components_namespaceObject, "ProductRight", function() { return ProductRight; });
-__webpack_require__.d(components_namespaceObject, "ProductQuote", function() { return ProductQuote; });
-__webpack_require__.d(components_namespaceObject, "CustomElSliderButton", function() { return CustomElSliderButton; });
-__webpack_require__.d(components_namespaceObject, "CustomElSlider", function() { return CustomElSlider; });
-__webpack_require__.d(components_namespaceObject, "CustomElSliderMarker", function() { return CustomElSliderMarker; });
 __webpack_require__.d(components_namespaceObject, "TinymceComponentsEditorImage", function() { return TinymceComponentsEditorImage; });
 
 // EXTERNAL MODULE: external "vue"
@@ -72759,6 +72759,12 @@ const TinymceDynamicLoadScript = () => __webpack_require__.e(/* import() | compo
 const Tinymce = () => __webpack_require__.e(/* import() | components/tinymce */ 42).then(__webpack_require__.bind(null, 205)).then(c => wrapFunctional(c.default || c));
 const TinymcePlugins = () => __webpack_require__.e(/* import() | components/tinymce-plugins */ 45).then(__webpack_require__.bind(null, 193)).then(c => wrapFunctional(c.default || c));
 const TinymceToolbar = () => __webpack_require__.e(/* import() | components/tinymce-toolbar */ 46).then(__webpack_require__.bind(null, 194)).then(c => wrapFunctional(c.default || c));
+const ProductLeft = () => __webpack_require__.e(/* import() | components/product-left */ 25).then(__webpack_require__.bind(null, 298)).then(c => wrapFunctional(c.default || c));
+const ProductRight = () => __webpack_require__.e(/* import() | components/product-right */ 27).then(__webpack_require__.bind(null, 299)).then(c => wrapFunctional(c.default || c));
+const ProductQuote = () => __webpack_require__.e(/* import() | components/product-quote */ 26).then(__webpack_require__.bind(null, 227)).then(c => wrapFunctional(c.default || c));
+const CustomElSliderButton = () => __webpack_require__.e(/* import() | components/custom-el-slider-button */ 8).then(__webpack_require__.bind(null, 157)).then(c => wrapFunctional(c.default || c));
+const CustomElSlider = () => __webpack_require__.e(/* import() | components/custom-el-slider */ 7).then(__webpack_require__.bind(null, 159)).then(c => wrapFunctional(c.default || c));
+const CustomElSliderMarker = () => __webpack_require__.e(/* import() | components/custom-el-slider-marker */ 9).then(__webpack_require__.bind(null, 158)).then(c => wrapFunctional(c.default || c));
 const TableChangeTable = () => __webpack_require__.e(/* import() | components/table-change-table */ 35).then(__webpack_require__.bind(null, 229)).then(c => wrapFunctional(c.default || c));
 const TableMailTable = () => __webpack_require__.e(/* import() | components/table-mail-table */ 36).then(__webpack_require__.bind(null, 203)).then(c => wrapFunctional(c.default || c));
 const TableNewPriceTable = () => __webpack_require__.e(/* import() | components/table-new-price-table */ 37).then(__webpack_require__.bind(null, 200)).then(c => wrapFunctional(c.default || c));
@@ -72766,12 +72772,6 @@ const TableStockTable = () => __webpack_require__.e(/* import() | components/tab
 const TableTotalTable = () => __webpack_require__.e(/* import() | components/table-total-table */ 40).then(__webpack_require__.bind(null, 201)).then(c => wrapFunctional(c.default || c));
 const TableUnitTable = () => __webpack_require__.e(/* import() | components/table-unit-table */ 41).then(__webpack_require__.bind(null, 202)).then(c => wrapFunctional(c.default || c));
 const TableParamTable = () => __webpack_require__.e(/* import() | components/table-param-table */ 38).then(__webpack_require__.bind(null, 292)).then(c => wrapFunctional(c.default || c));
-const ProductLeft = () => __webpack_require__.e(/* import() | components/product-left */ 25).then(__webpack_require__.bind(null, 298)).then(c => wrapFunctional(c.default || c));
-const ProductRight = () => __webpack_require__.e(/* import() | components/product-right */ 27).then(__webpack_require__.bind(null, 299)).then(c => wrapFunctional(c.default || c));
-const ProductQuote = () => __webpack_require__.e(/* import() | components/product-quote */ 26).then(__webpack_require__.bind(null, 227)).then(c => wrapFunctional(c.default || c));
-const CustomElSliderButton = () => __webpack_require__.e(/* import() | components/custom-el-slider-button */ 8).then(__webpack_require__.bind(null, 157)).then(c => wrapFunctional(c.default || c));
-const CustomElSlider = () => __webpack_require__.e(/* import() | components/custom-el-slider */ 7).then(__webpack_require__.bind(null, 159)).then(c => wrapFunctional(c.default || c));
-const CustomElSliderMarker = () => __webpack_require__.e(/* import() | components/custom-el-slider-marker */ 9).then(__webpack_require__.bind(null, 158)).then(c => wrapFunctional(c.default || c));
 const TinymceComponentsEditorImage = () => __webpack_require__.e(/* import() | components/tinymce-components-editor-image */ 43).then(__webpack_require__.bind(null, 387)).then(c => wrapFunctional(c.default || c));
 
 // nuxt/nuxt.js#8607
@@ -73911,11 +73911,11 @@ const createNext = ssrContext => opts => {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/PcHeader.vue?vue&type=template&id=8f956492&scoped=true
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/PcHeader.vue?vue&type=template&id=36f54628&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('header', [_vm._ssrNode("<div class=\"topbar com-margin-auto com-flex com-width-1400\" data-v-8f956492>", "</div>", [_c('nuxt-link', {
+  return _c('header', [_vm._ssrNode("<div class=\"topbar com-margin-auto com-flex com-width-1400\" data-v-36f54628>", "</div>", [_c('nuxt-link', {
     attrs: {
       "to": {
         name: 'index'
@@ -73927,7 +73927,7 @@ var render = function render() {
       "alt": "PromoCollection Logo",
       "id": "logo"
     }
-  })]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"search-input\" data-v-8f956492>", "</div>", [_c('el-input', {
+  })]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"search-input\" data-v-36f54628>", "</div>", [_c('el-input', {
     attrs: {
       "placeholder": "Search item here"
     },
@@ -73968,8 +73968,8 @@ var render = function render() {
     style: {
       display: _vm.showType
     }
-  }, [!_vm.loading && _vm.result.cate.length < 1 && _vm.productsList.length < 1 ? _vm._ssrNode("<div class=\"flex-auto flex center stretch no-result\" data-v-8f956492>", "</div>", [_vm._ssrNode(_vm._ssrEscape("\n          No results found for “" + _vm._s(_vm.keyword) + "”\n        "))], 2) : _vm._ssrNode("<div class=\"flex-auto flex stretch\" style=\"overflow: hidden\" data-v-8f956492>", "</div>", [_vm._ssrNode("<div class=\"category-list flex column start stretch\" data-v-8f956492>", "</div>", [_vm._ssrNode("<p class=\"autocomplete-title sub\" data-v-8f956492>CATEGORIES</p> "), _vm._ssrNode("<ul class=\"stretch\" data-v-8f956492>", "</ul>", [_vm._l(_vm.result.firstCate, function (item) {
-    return _vm._ssrNode("<li class=\"flex column stretch\" data-v-8f956492>", "</li>", [_c('nuxt-link', {
+  }, [!_vm.loading && _vm.result.cate.length < 1 && _vm.productsList.length < 1 ? _vm._ssrNode("<div class=\"flex-auto flex center stretch no-result\" data-v-36f54628>", "</div>", [_vm._ssrNode(_vm._ssrEscape("\n          No results found for “" + _vm._s(_vm.keyword) + "”\n        "))], 2) : _vm._ssrNode("<div class=\"flex-auto flex stretch\" style=\"overflow: hidden\" data-v-36f54628>", "</div>", [_vm._ssrNode("<div class=\"category-list flex column start stretch\" data-v-36f54628>", "</div>", [_vm._ssrNode("<p class=\"autocomplete-title sub\" data-v-36f54628>CATEGORIES</p> "), _vm._ssrNode("<ul class=\"stretch\" data-v-36f54628>", "</ul>", [_vm._l(_vm.result.firstCate, function (item) {
+    return _vm._ssrNode("<li class=\"flex column stretch\" data-v-36f54628>", "</li>", [_c('nuxt-link', {
       attrs: {
         "to": {
           name: 'category-firstCategory',
@@ -73979,8 +73979,8 @@ var render = function render() {
         }
       }
     }, [_c('p', [_vm._v(_vm._s(item.name))])])], 1);
-  }), _vm._ssrNode(" " + (_vm.result.subCate.length ? "<p class=\"autocomplete-title\" data-v-8f956492>\n                SUB CATEGORIES\n              </p>" : "<!---->") + " "), _vm._l(_vm.result.subCate, function (item) {
-    return _vm._ssrNode("<li class=\"flex column stretch\" data-v-8f956492>", "</li>", [item.lev === 2 ? _c('nuxt-link', {
+  }), _vm._ssrNode(" " + (_vm.result.subCate.length ? "<p class=\"autocomplete-title\" data-v-36f54628>\n                SUB CATEGORIES\n              </p>" : "<!---->") + " "), _vm._l(_vm.result.subCate, function (item) {
+    return _vm._ssrNode("<li class=\"flex column stretch\" data-v-36f54628>", "</li>", [item.lev === 2 ? _c('nuxt-link', {
       attrs: {
         "to": {
           name: 'category-firstCategory-secondCategory',
@@ -74002,7 +74002,7 @@ var render = function render() {
         }
       }
     }, [_c('p', [_vm._v(_vm._s(item.name))])])], 1);
-  })], 2)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"product-list flex-auto flex column stretch\" data-v-8f956492>", "</div>", [_vm._ssrNode("<div class=\"flex between start\" data-v-8f956492>", "</div>", [_vm._ssrNode("<p class=\"autocomplete-title\" data-v-8f956492>PRODUCTS</p> "), _vm.result.total ? _c('nuxt-link', {
+  })], 2)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"product-list flex-auto flex column stretch\" data-v-36f54628>", "</div>", [_vm._ssrNode("<div class=\"flex between start\" data-v-36f54628>", "</div>", [_vm._ssrNode("<p class=\"autocomplete-title\" data-v-36f54628>PRODUCTS</p> "), _vm.result.total ? _c('nuxt-link', {
     attrs: {
       "to": {
         name: 'category-searchResult',
@@ -74013,8 +74013,8 @@ var render = function render() {
     }
   }, [_c('div', {
     staticClass: "seeAllResult"
-  }, [_vm._v("\n                  Show all " + _vm._s(_vm.result.total) + " Results\n                ")])]) : _vm._e()], 2), _vm._ssrNode(" "), _vm._ssrNode("<ul class=\"flex-auto flex column stretch\" style=\"overflow-y: auto\" data-v-8f956492>", "</ul>", [_vm._l(_vm.productsList, function (item) {
-    return _vm._ssrNode("<li data-v-8f956492>", "</li>", [_c('nuxt-link', {
+  }, [_vm._v("\n                  Show all " + _vm._s(_vm.result.total) + " Results\n                ")])]) : _vm._e()], 2), _vm._ssrNode(" "), _vm._ssrNode("<ul class=\"flex-auto flex column stretch\" style=\"overflow-y: auto\" data-v-36f54628>", "</ul>", [_vm._l(_vm.productsList, function (item) {
+    return _vm._ssrNode("<li data-v-36f54628>", "</li>", [_c('nuxt-link', {
       attrs: {
         "to": {
           name: 'product-code',
@@ -74030,8 +74030,15 @@ var render = function render() {
       }
     }), _vm._v(" "), _c('div', {
       staticClass: "product-info"
-    }, [_c('p', [_vm._v(_vm._s(item.alias_name || item.product_name))]), _vm._v(" "), _c('p', [_vm._v(_vm._s(item.product_code))])])])], 1);
-  }), _vm._ssrNode(" " + (!_vm.loading && _vm.productsList.length < 1 ? "<div class=\"no-result\" data-v-8f956492>" + _vm._ssrEscape("\n                No results found for “" + _vm._s(_vm.keyword) + "”\n              ") + "</div>" : "<!---->"))], 2)], 2)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"sth-else\" data-v-8f956492>", "</div>", [_vm._ssrNode("<span data-v-8f956492>Can't find what you're looking for?</span> "), _c('nuxt-link', {
+    }, [_c('p', {
+      staticStyle: {
+        "width": "94%",
+        "white-space": "nowrap",
+        "overflow": "hidden",
+        "text-overflow": "ellipsis"
+      }
+    }, [_vm._v(_vm._s(item.alias_name || item.product_name))]), _vm._v(" "), _c('p', [_vm._v(_vm._s(item.product_code))])])])], 1);
+  }), _vm._ssrNode(" " + (!_vm.loading && _vm.productsList.length < 1 ? "<div class=\"no-result\" data-v-36f54628>" + _vm._ssrEscape("\n                No results found for “" + _vm._s(_vm.keyword) + "”\n              ") + "</div>" : "<!---->"))], 2)], 2)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"sth-else\" data-v-36f54628>", "</div>", [_vm._ssrNode("<span data-v-36f54628>Can't find what you're looking for?</span> "), _c('nuxt-link', {
     attrs: {
       "to": {
         name: 'news-newsName',
@@ -74042,7 +74049,7 @@ var render = function render() {
         hash: '#formTag'
       }
     }
-  }, [_vm._v("\n            click here\n          ")])], 2)], 2)], 2), _vm._ssrNode(" " + (_vm.email ? "<div class=\"topbar-item com-flex\" style=\"cursor: default\" data-v-8f956492><img" + _vm._ssrAttr("src", __webpack_require__(97)) + " alt=\"help\" data-v-8f956492> <div class=\"topbar-item-right com-flex-item\" data-v-8f956492><p style=\"margin-bottom: 6px\" data-v-8f956492>(+44)203 916 5098</p> <p data-v-8f956492>info@promocollection.uk</p></div></div>" : "<!---->") + " "), _vm._ssrNode("<div class=\"topbar-item com-flex\" data-v-8f956492>", "</div>", [!_vm.email ? _vm._ssrNode("<div class=\"topbar-item com-flex\" data-v-8f956492>", "</div>", [_vm._ssrNode("<img" + _vm._ssrAttr("src", __webpack_require__(47)) + " data-v-8f956492> <div class=\"topbar-item-right com-flex-item\" data-v-8f956492><p data-v-8f956492>Login</p></div>")], 2) : _vm._ssrNode("<div class=\"topbar-item\" data-v-8f956492>", "</div>", [_c('el-popover', {
+  }, [_vm._v("\n            click here\n          ")])], 2)], 2)], 2), _vm._ssrNode(" " + (_vm.email ? "<div class=\"topbar-item com-flex\" style=\"cursor: default\" data-v-36f54628><img" + _vm._ssrAttr("src", __webpack_require__(97)) + " alt=\"help\" data-v-36f54628> <div class=\"topbar-item-right com-flex-item\" data-v-36f54628><p style=\"margin-bottom: 6px\" data-v-36f54628>(+44)203 916 5098</p> <p data-v-36f54628>info@promocollection.uk</p></div></div>" : "<!---->") + " "), _vm._ssrNode("<div class=\"topbar-item com-flex\" data-v-36f54628>", "</div>", [!_vm.email ? _vm._ssrNode("<div class=\"topbar-item com-flex\" data-v-36f54628>", "</div>", [_vm._ssrNode("<img" + _vm._ssrAttr("src", __webpack_require__(47)) + " data-v-36f54628> <div class=\"topbar-item-right com-flex-item\" data-v-36f54628><p data-v-36f54628>Login</p></div>")], 2) : _vm._ssrNode("<div class=\"topbar-item\" data-v-36f54628>", "</div>", [_c('el-popover', {
     ref: "userPopover",
     attrs: {
       "placement": "bottom-end",
@@ -74140,7 +74147,7 @@ var render = function render() {
     on: {
       "click": _vm.logout
     }
-  }, [_vm._v("\n                    Sign Out\n                  ")])])])])])])], 1)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<nav data-v-8f956492>", "</nav>", [_vm._ssrNode("<ul class=\"com-width-1400 com-minwidth-1024 com-margin-auto\" data-v-8f956492>", "</ul>", [_vm._ssrNode("<li class=\"nav-list\" data-v-8f956492>", "</li>", [_vm._ssrNode("<div class=\"nav-list-title\" data-v-8f956492><span class=\"shopProducts\" data-v-8f956492>\n            Shop Products\n            <i" + _vm._ssrClass(null, _vm.isShopBlock ? 'el-icon-arrow-up' : 'el-icon-arrow-down') + " data-v-8f956492></i></span></div> "), _c('Transition', {
+  }, [_vm._v("\n                    Sign Out\n                  ")])])])])])])], 1)])], 2), _vm._ssrNode(" "), _vm._ssrNode("<nav data-v-36f54628>", "</nav>", [_vm._ssrNode("<ul class=\"com-width-1400 com-minwidth-1024 com-margin-auto\" data-v-36f54628>", "</ul>", [_vm._ssrNode("<li class=\"nav-list\" data-v-36f54628>", "</li>", [_vm._ssrNode("<div class=\"nav-list-title\" data-v-36f54628><span class=\"shopProducts\" data-v-36f54628>\n            Shop Products\n            <i" + _vm._ssrClass(null, _vm.isShopBlock ? 'el-icon-arrow-up' : 'el-icon-arrow-down') + " data-v-36f54628></i></span></div> "), _c('Transition', {
     attrs: {
       "name": "category"
     }
@@ -74199,7 +74206,7 @@ var render = function render() {
         }
       }, [_vm._v("\n                    " + _vm._s(item2.name) + "\n                  ")])], 1);
     })], 2);
-  }), 0)])])], 2), _vm._ssrNode(" "), _vm._ssrNode("<li class=\"nav-list\" data-v-8f956492>", "</li>", [_vm._ssrNode("<div class=\"nav-list-title\" data-v-8f956492>", "</div>", [_c('nuxt-link', {
+  }), 0)])])], 2), _vm._ssrNode(" "), _vm._ssrNode("<li class=\"nav-list\" data-v-36f54628>", "</li>", [_vm._ssrNode("<div class=\"nav-list-title\" data-v-36f54628>", "</div>", [_c('nuxt-link', {
     attrs: {
       "to": {
         name: 'category',
@@ -74209,7 +74216,7 @@ var render = function render() {
       },
       "target": "_self"
     }
-  }, [_vm._v("\n            New Products\n          ")])], 1)]), _vm._ssrNode(" <li class=\"nav-list\" data-v-8f956492><div class=\"nav-list-title\" data-v-8f956492><a href=\"/article/Compliance\" data-v-8f956492>\n            Compliance\n          </a></div></li> "), _vm._ssrNode("<li class=\"nav-list\" data-v-8f956492>", "</li>", [_vm._ssrNode("<div class=\"nav-list-title\" data-v-8f956492>", "</div>", [_c('nuxt-link', {
+  }, [_vm._v("\n            New Products\n          ")])], 1)]), _vm._ssrNode(" <li class=\"nav-list\" data-v-36f54628><div class=\"nav-list-title\" data-v-36f54628><a href=\"/article/Compliance\" data-v-36f54628>\n            Compliance\n          </a></div></li> "), _vm._ssrNode("<li class=\"nav-list\" data-v-36f54628>", "</li>", [_vm._ssrNode("<div class=\"nav-list-title\" data-v-36f54628>", "</div>", [_c('nuxt-link', {
     attrs: {
       "id": "indentLink",
       "to": {
@@ -74221,11 +74228,11 @@ var render = function render() {
       },
       "target": "_self"
     }
-  }, [_vm._v("\n            Indent Sourcing\n          ")])], 1)])], 2)]), _vm._ssrNode(" <div class=\"header-redLine\" data-v-8f956492></div>")], 2);
+  }, [_vm._v("\n            Indent Sourcing\n          ")])], 1)])], 2)]), _vm._ssrNode(" <div class=\"header-redLine\" data-v-36f54628></div>")], 2);
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./components/PcHeader.vue?vue&type=template&id=8f956492&scoped=true
+// CONCATENATED MODULE: ./components/PcHeader.vue?vue&type=template&id=36f54628&scoped=true
 
 // EXTERNAL MODULE: external "vuex"
 var external_vuex_ = __webpack_require__(6);
@@ -74649,7 +74656,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   injectStyles,
-  "8f956492",
+  "36f54628",
   "cd8a3ce4"
   
 )

.nuxt/vetur/tags.json

@@ -110,6 +110,24 @@
   "TinymceToolbar": {
     "description": "Auto imported from components/Tinymce/toolbar.js"
   },
+  "ProductLeft": {
+    "description": "Auto imported from components/product/ProductLeft.vue"
+  },
+  "ProductRight": {
+    "description": "Auto imported from components/product/ProductRight.vue"
+  },
+  "ProductQuote": {
+    "description": "Auto imported from components/product/Quote.vue"
+  },
+  "CustomElSliderButton": {
+    "description": "Auto imported from components/custom-el-slider/button.vue"
+  },
+  "CustomElSlider": {
+    "description": "Auto imported from components/custom-el-slider/index.vue"
+  },
+  "CustomElSliderMarker": {
+    "description": "Auto imported from components/custom-el-slider/marker.vue"
+  },
   "TableChangeTable": {
     "description": "Auto imported from components/table/ChangeTable.vue"
   },
@@ -131,24 +149,6 @@
   "TableParamTable": {
     "description": "Auto imported from components/table/paramTable.vue"
   },
-  "ProductLeft": {
-    "description": "Auto imported from components/product/ProductLeft.vue"
-  },
-  "ProductRight": {
-    "description": "Auto imported from components/product/ProductRight.vue"
-  },
-  "ProductQuote": {
-    "description": "Auto imported from components/product/Quote.vue"
-  },
-  "CustomElSliderButton": {
-    "description": "Auto imported from components/custom-el-slider/button.vue"
-  },
-  "CustomElSlider": {
-    "description": "Auto imported from components/custom-el-slider/index.vue"
-  },
-  "CustomElSliderMarker": {
-    "description": "Auto imported from components/custom-el-slider/marker.vue"
-  },
   "TinymceComponentsEditorImage": {
     "description": "Auto imported from components/Tinymce/components/EditorImage.vue"
   }