'分类产品图'

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+  // 使用 IntelliSense 了解相关属性。 
+  // 悬停以查看现有属性的描述。
+  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "pwa-chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

pages/index.vue

@@ -875,15 +875,15 @@ export default {
       ],
       jcList: [
         {
-          title: '中德智慧逻辑狗 小学基础版五阶段11岁儿童启蒙学习玩具早教玩具',
-          price: '198.00',
+          title: '逻辑狗 中德智慧小学基础版一阶段7岁幼儿玩具早教 启蒙卡片玩具',
+          price: '97.20',
           imgUrl: require('~/assets/images/goods/product_jc_01.jpg'),
           linkUrl: 'https://detail.tmall.com/item.htm?id=557253273047',
           tag: '基础版',
         },
         {
-          title: '中德智慧 逻辑狗 幼小小学基础版四阶段10岁以上儿童玩具启蒙',
-          price: '102.60',
+          title: 'logico逻辑狗7-8/9/10/11岁小学基础版二阶段益智早教学习玩具',
+          price: '97.20',
           imgUrl: require('~/assets/images/goods/product_jc_02.jpg'),
           linkUrl: 'https://detail.tmall.com/item.htm?id=557164956835',
           tag: '基础版',

pages/product/data.js

@@ -6,28 +6,34 @@ const cateData = [
     cateImg: require('~/assets/images/products/cate_banner_01.png'),
     productList: [
       {
-        title: '逻辑狗-思维游戏系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗2岁3-4岁幼儿园教材版家庭思维训练一阶段益智玩具板全套',
+        productImg: require('~/assets/images/goods/product_3-7_3-4.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557288434799',
       },
       {
-        title: '逻辑狗-思维游戏系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗4-5岁二阶段幼儿教材家庭网络版思维训练早教益智玩具正版',
+        productImg: require('~/assets/images/goods/product_3-7_4-5.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557250281576',
       },
       {
-        title: '逻辑狗-思维游戏系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗5-6岁三阶段幼儿园教材家庭网络版思维训练早教益智玩具板',
+        productImg: require('~/assets/images/goods/product_3-7_5-6.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557162976102',
       },
       {
-        title: '逻辑狗-思维游戏系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '德国逻辑狗6-7岁四阶段幼儿园教材网络版思维训练早教益智玩具童',
+        productImg: require('~/assets/images/goods/product_3-7_6-7.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557163156598',
       },
       {
-        title: '逻辑狗-思维游戏系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗6岁以上五阶段 幼儿园教材家庭思维训练网络版早教益智玩具',
+        productImg: require('~/assets/images/goods/product_3-7_6.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557251913436',
       },
       {
-        title: '逻辑狗-思维游戏系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗3-7岁幼儿网络版大礼包思维益智启蒙早教玩具',
+        productImg: require('~/assets/images/goods/product_3-7_3-7.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557163904721',
       },
     ]
   },
@@ -38,219 +44,248 @@ const cateData = [
     cateImg: require('~/assets/images/products/cate_banner_02.png'),
     productList: [
       {
-        title: '春夏秋冬系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '逻辑狗 中德智慧小学基础版一阶段7岁幼儿玩具早教 启蒙卡片玩具',
+        productImg: require('~/assets/images/goods/product_7-12_7-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557298602723',
       },
       {
-        title: '春夏秋冬系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: 'logico逻辑狗7-8/9/10/11岁小学基础版二阶段益智早教学习玩具',
+        productImg: require('~/assets/images/goods/product_7-12_8-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557165744732',
       },
       {
-        title: '春夏秋冬系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '中德智慧逻辑狗 智力开发小学基础版三阶段幼儿童学习早教玩具',
+        productImg: require('~/assets/images/goods/product_7-12_9-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557356687077',
       },
       {
-        title: '春夏秋冬系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '中德智慧 逻辑狗 幼小小学基础版四阶段10岁以上儿童玩具启蒙',
+        productImg: require('~/assets/images/goods/product_7-12_10-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557165744732',
       },
       {
-        title: '春夏秋冬系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '中德智慧逻辑狗 小学基础版五阶段11岁儿童启蒙学习玩具早教玩具',
+        productImg: require('~/assets/images/goods/product_7-12_11-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557298602723',
       },
-    ]
-  },
-  {
-    id: 3,
-    title: '3-12岁思考技巧升级系列',
-    desc: '以完善的理念，独特的教学方法，运用思维启蒙，思考策略及思考技巧的阶梯式教育方式与产品及培训服务体系，构建儿童优质思维模式。',
-    cateImg: require('~/assets/images/products/cate_banner_03.png'),
-    productList: [
       {
-        title: '聪明书系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '逻辑狗原装正版10/6钮操作板六钮模板早教思维训练幼儿园益智玩具',
+        productImg: require('~/assets/images/goods/product_7-12_board.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=576560051200',
       },
       {
-        title: '聪明书系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '逻辑狗 小学提升版一阶段7岁以上儿童思维训练早教玩具益智启蒙',
+        productImg: require('~/assets/images/goods/product_7-12_7-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557258829143',
       },
       {
-        title: '聪明书系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '逻辑狗 小学提升版二阶段8岁以上儿童早教玩具益智启蒙卡',
+        productImg: require('~/assets/images/goods/product_7-12_8-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557170896436',
       },
       {
-        title: '聪明书系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '逻辑狗小学提升版三阶段9岁以上幼儿童思维学习早教玩具套装益智',
+        productImg: require('~/assets/images/goods/product_7-12_9-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557361647798',
       },
       {
-        title: '聪明书系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '逻辑狗 小学提升版四阶段10岁以上数学幼儿启蒙早教玩具 中德直营',
+        productImg: require('~/assets/images/goods/product_7-12_10-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557303754261',
       },
       {
-        title: '聪明书系列',
-        productImg: require('~/assets/images/goods/product_net_06.jpg'),
+        title: '逻辑狗 中德智慧小学提升版 五阶段11岁儿童启蒙 学习玩具套装',
+        productImg: require('~/assets/images/goods/product_7-12_11-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557171748143',
       },
     ]
   },
   {
-    id: 4,
-    title: '春夏秋冬-全景思维艺术系列',
-    desc: '思维语言；思维数学；学习起跑线系列',
-    cateImg: require('~/assets/images/products/cate_banner_04.png'),
+    id: 3,
+    title: '3-12岁思考技巧升级系列',
+    desc: '以完善的理念，独特的教学方法，运用思维启蒙，思考策略及思考技巧的阶梯式教育方式与产品及培训服务体系，构建儿童优质思维模式。',
+    cateImg: require('~/assets/images/products/cate_banner_03.png'),
     productList: [
       {
-        title: '入学准备系列',
-        productImg: require('~/assets/images/goods/product_jc_03.jpg'),
+        title: '逻辑狗2岁3-4岁幼儿园教材版家庭思维训练一阶段益智玩具板全套',
+        productImg: require('~/assets/images/goods/product_3-7_3-4.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557288434799',
       },
       {
-        title: '入学准备系列',
-        productImg: require('~/assets/images/goods/product_jc_03.jpg'),
+        title: '逻辑狗4-5岁二阶段幼儿教材家庭网络版思维训练早教益智玩具正版',
+        productImg: require('~/assets/images/goods/product_3-7_4-5.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557250281576',
       },
       {
-        title: '入学准备系列',
-        productImg: require('~/assets/images/goods/product_jc_03.jpg'),
+        title: '逻辑狗5-6岁三阶段幼儿园教材家庭网络版思维训练早教益智玩具板',
+        productImg: require('~/assets/images/goods/product_3-7_5-6.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557162976102',
       },
       {
-        title: '入学准备系列',
-        productImg: require('~/assets/images/goods/product_jc_03.jpg'),
+        title: '德国逻辑狗6-7岁四阶段幼儿园教材网络版思维训练早教益智玩具童',
+        productImg: require('~/assets/images/goods/product_3-7_6-7.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557163156598',
       },
       {
-        title: '入学准备系列',
-        productImg: require('~/assets/images/goods/product_jc_03.jpg'),
+        title: '逻辑狗6岁以上五阶段 幼儿园教材家庭思维训练网络版早教益智玩具',
+        productImg: require('~/assets/images/goods/product_3-7_6.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557251913436',
       },
       {
-        title: '入学准备系列',
-        productImg: require('~/assets/images/goods/product_jc_03.jpg'),
+        title: '逻辑狗3-7岁幼儿网络版大礼包思维益智启蒙早教玩具',
+        productImg: require('~/assets/images/goods/product_3-7_3-7.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557163904721',
       },
-    ]
-  },
-  {
-    id: 5,
-    title: '思维魔法我的pad-lvk系列',
-    desc: 'Lvk源自德国具有170年发展历史的Westermann Group 教育集团',
-    cateImg: require('~/assets/images/products/cate_banner_05.png'),
-    productList: [
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_05.jpg'),
+        title: '逻辑狗 中德智慧小学基础版一阶段7岁幼儿玩具早教 启蒙卡片玩具',
+        productImg: require('~/assets/images/goods/product_7-12_7-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557298602723',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_05.jpg'),
+        title: 'logico逻辑狗7-8/9/10/11岁小学基础版二阶段益智早教学习玩具',
+        productImg: require('~/assets/images/goods/product_7-12_8-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557165744732',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_05.jpg'),
+        title: '中德智慧逻辑狗 智力开发小学基础版三阶段幼儿童学习早教玩具',
+        productImg: require('~/assets/images/goods/product_7-12_9-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557356687077',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_05.jpg'),
+        title: '中德智慧 逻辑狗 幼小小学基础版四阶段10岁以上儿童玩具启蒙',
+        productImg: require('~/assets/images/goods/product_7-12_10-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557165744732',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_05.jpg'),
+        title: '中德智慧逻辑狗 小学基础版五阶段11岁儿童启蒙学习玩具早教玩具',
+        productImg: require('~/assets/images/goods/product_7-12_11-01.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557298602723',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_05.jpg'),
+        title: '逻辑狗原装正版10/6钮操作板六钮模板早教思维训练幼儿园益智玩具',
+        productImg: require('~/assets/images/goods/product_7-12_board.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=576560051200',
       },
-    ]
-  },
-  {
-    id: 6,
-    title: '与克鲁德一起听说读系列',
-    desc: '以完善的理念，独特的教学方法，运用思维启蒙，思考策略及思考技巧的阶梯式教育方式与产品及培训服务体系，构建儿童优质思维模式。',
-    cateImg: require('~/assets/images/products/cate_banner_06.png'),
-    productList: [
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_ts_01.jpg'),
+        title: '逻辑狗 小学提升版一阶段7岁以上儿童思维训练早教玩具益智启蒙',
+        productImg: require('~/assets/images/goods/product_7-12_7-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557258829143',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_ts_01.jpg'),
+        title: '逻辑狗 小学提升版二阶段8岁以上儿童早教玩具益智启蒙卡',
+        productImg: require('~/assets/images/goods/product_7-12_8-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557170896436',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_ts_01.jpg'),
+        title: '逻辑狗小学提升版三阶段9岁以上幼儿童思维学习早教玩具套装益智',
+        productImg: require('~/assets/images/goods/product_7-12_9-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557361647798',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_ts_01.jpg'),
+        title: '逻辑狗 小学提升版四阶段10岁以上数学幼儿启蒙早教玩具 中德直营',
+        productImg: require('~/assets/images/goods/product_7-12_10-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557303754261',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_ts_01.jpg'),
+        title: '逻辑狗 中德智慧小学提升版 五阶段11岁儿童启蒙 学习玩具套装',
+        productImg: require('~/assets/images/goods/product_7-12_11-02.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=557171748143',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_ts_01.jpg'),
+        title: '逻辑狗3-11岁幼儿园教材早教家庭益智玩具思维训练网络升级版全套',
+        productImg: require('~/assets/images/goods/product_7-12_3-11.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=610975631835',
       },
     ]
   },
   {
-    id: 7,
-    title: '蚂蚁沙丘-幼儿科学培养探索系列',
-    desc: '《幼儿园情景科学教育课程-与弗雷德一起探索》是德国著名儿童科学教育专家季泽拉·吕克经过几十年潜心研究和实践编写的一套以培养儿童科学素养为目标的教育课程。针对目前国内幼儿科学教育的现状，经过本土化研发在我国出版，其系统完善，绘画精美，简单易操作',
-    cateImg: require('~/assets/images/products/cate_banner_07.png'),
+    id: 4,
+    title: '春夏秋冬-全景思维艺术系列',
+    desc: '思维语言；思维数学；学习起跑线系列',
+    cateImg: require('~/assets/images/products/cate_banner_04.png'),
     productList: [
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗春夏秋冬夜时光德国无字四季思维绘本画卷儿童认知图书知乎',
+        productImg: require('~/assets/images/goods/product_jc_03.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=569035593414',
       },
+    ]
+  },
+  {
+    id: 5,
+    title: '思维魔法我的pad-LUK系列',
+    desc: 'LUK源自德国具有170年发展历史的Westermann Group 教育集团',
+    cateImg: require('~/assets/images/products/cate_banner_05.png'),
+    productList: [
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗德国LUK0-3岁宝宝益智早教幼儿启蒙图书 8册我的思维游戏书',
+        productImg: require('~/assets/images/goods/product_luk_0-3.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=578607754293',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '中德智慧旗下思维魔法LUK3-5/4-6岁幼儿益智早教儿童玩具逻辑狗',
+        productImg: require('~/assets/images/goods/product_luk_4-5.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=578611606577',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗新品 LUK系列5岁以上口袋书启蒙早教逻辑思维益智玩具全套',
+        productImg: require('~/assets/images/goods/product_luk_5+.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=578612174603',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
+        title: '逻辑狗一阶段早教书机LUK口袋书3-5岁思维益智玩具魔法师的谜题',
+        productImg: require('~/assets/images/goods/product_luk_3-5.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=585117642942',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_jc_01.jpg'),
-      },
+        title: '逻辑狗4-5-6岁早教机教具书LUK恐龙王国冒险口袋书逻辑思维玩具',
+        productImg: require('~/assets/images/goods/product_luk_4-5-6.jpg'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=585121714188',
+      }
     ]
   },
   {
-    id: 8,
-    title: '中华小熊猫-中华文化思维游戏系列',
+    id: 6,
+    title: '与克鲁德一起听说读系列',
     desc: '以完善的理念，独特的教学方法，运用思维启蒙，思考策略及思考技巧的阶梯式教育方式与产品及培训服务体系，构建儿童优质思维模式。',
-    cateImg: require('~/assets/images/products/cate_banner_08.png'),
+    cateImg: require('~/assets/images/products/cate_banner_06.png'),
     productList: [
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
-      },
-      {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
+        title: '逻辑狗新品克鲁德一起听 幼儿一阶段4-5岁启蒙读物儿童早教益智',
+        productImg: require('~/assets/images/goods/product_kld_01.png'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=610967139958',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
+        title: '逻辑狗克鲁德幼儿二阶段5-6岁启蒙读物儿童思维益智早教故事点读',
+        productImg: require('~/assets/images/goods/product_kld_02.png'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=569135310952',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
+        title: '逻辑狗 克鲁德幼儿三阶段6岁以上启蒙读物儿童早教故事 点读语言',
+        productImg: require('~/assets/images/goods/product_kld_03.png'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=569135982554',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
-      },
-      {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
-      },
+        title: '逻辑狗新品 克鲁德聪明点读笔 幼儿早教益智机学习机0-3-6双英语',
+        productImg: require('~/assets/images/goods/product_kld_04.png'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=624651060206',
+      }
     ]
   },
+  {
+    id: 7,
+    title: '蚂蚁沙丘-幼儿科学培养探索系列',
+    desc: '《幼儿园情景科学教育课程-与弗雷德一起探索》是德国著名儿童科学教育专家季泽拉·吕克经过几十年潜心研究和实践编写的一套以培养儿童科学素养为目标的教育课程。针对目前国内幼儿科学教育的现状，经过本土化研发在我国出版，其系统完善，绘画精美，简单易操作',
+    cateImg: require('~/assets/images/products/cate_banner_07.png'),
+    productList: []
+  },
+  {
+    id: 8,
+    title: '中华小熊猫-中华文化思维游戏系列',
+    desc: '以完善的理念，独特的教学方法，运用思维启蒙，思考策略及思考技巧的阶梯式教育方式与产品及培训服务体系，构建儿童优质思维模式。',
+    cateImg: require('~/assets/images/products/cate_banner_08.png'),
+    productList: []
+  },
   {
     id: 9,
     title: '聪明书-儿童注意力品质发展系列',
@@ -258,29 +293,25 @@ const cateData = [
     cateImg: require('~/assets/images/products/cate_banner_09.png'),
     productList: [
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
+        title: '中德智慧逻辑狗3-4岁聪明书第一阶段幼儿早教逻辑思维益智玩具',
+        productImg: require('~/assets/images/goods/product_smart_01.png'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=636430783860',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
+        title: '中德智慧逻辑狗4-5岁聪明书第二阶段幼儿早教逻辑思维益智玩具',
+        productImg: require('~/assets/images/goods/product_smart_02.png'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=636431143540',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
+        title: '中德智慧逻辑狗5-6岁聪明书第三阶段幼儿早教逻辑思维益智玩具',
+        productImg: require('~/assets/images/goods/product_smart_03.png'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=636105014776',
       },
       {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
-      },
-      {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
-      },
-      {
-        title: '思维魔法我的pad-lvk系列',
-        productImg: require('~/assets/images/goods/product_net_03.jpg'),
-      },
+        title: '中德智慧逻辑狗6-7岁聪明书第四阶段幼儿早教逻辑思维益智玩具',
+        productImg: require('~/assets/images/goods/product_smart_04.png'),
+        linkUrl: 'https://detail.tmall.com/item.htm?id=635424684895',
+      }
     ]
   },
 ]

pages/product/detail.vue

@@ -21,7 +21,7 @@
         <div class="cate-title">{{ currenCate.title }}</div>
         <div class="cate-des">{{ currenCate.desc }}</div>
         <div class="cate-product-list">
-          <div class="product-item" v-for="(item, index) in currenCate.productList" :key="index">
+          <div class="product-item" v-for="(item, index) in currenCate.productList" :key="index" @click="navPage(item)">
             <div class="img-wrap"><img :src="item.productImg" alt="" srcset=""></div>
             <div class="title">{{ item.title }}</div>
           </div>
@@ -103,6 +103,9 @@ export default {
       const data = cateData.find(item => item.id == id) || cateData[0];
       this.currenCate = data;
       console.log(this.cateData);
+    },
+    navPage(item) {
+      window.open(item.linkUrl);
     }
   }
   
@@ -216,6 +219,11 @@ export default {
         font-weight: 500;
         color: #333333;
         line-height: 22px;
+        padding: 0 18px;
+
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
     }
   }