product detail

index.html

@@ -26,7 +26,7 @@
     var _hmt = _hmt || []
     ;(function () {
       var hm = document.createElement('script')
-      hm.src = 'https://hm.baidu.com/hm.js?0469a47665275a68d547a94b6b4a9d20'
+      hm.src = 'https://hm.baidu.com/hm.js?aead83b1b0f20ee468cdb1a81eb2e9c8'
       var s = document.getElementsByTagName('script')[0]
       s.parentNode.insertBefore(hm, s)
     })()

src/router/index.js

@@ -38,6 +38,11 @@ const routes = [
     component: () => import('@/views/SoftDetail'),
   },
   {
+    path: '/softdetail/:pId/:id',
+    name: 'softdetail-product',
+    component: () => import('@/views/SoftDetail'),
+  },
+  {
     path: '/softabout',
     name: 'softabout',
     component: () => import('@/views/About/SoftAbout'),

src/views/SoftDetail/index.vue

@@ -162,13 +162,26 @@ onMounted(() => {
   document.body.scrollTop = document.documentElement.scrollTop = 0
   if (route.query?.t) {
     activeTab.value = route.query?.t
+    return
   }
+  const { pId, id } = route.params || {}
+  activeTab.value = pId
+  // 展示该产品详情
+  // 取消html的滚动条
+  const rootTag = document.getElementById('iflytop')
+  rootTag.style.overflow = 'hidden'
+  rootTag.style.height = '100%'
+  showModalVisible.value = true
+  // 根据activeTab和id确定详情数据
+  productInfo.value = case_detail_list[pId][id]
 })
 
 watch(
   () => route.query?.t,
   () => {
-    activeTab.value = route.query?.t
+    if ((activeTab.value = route.query?.t)) {
+      activeTab.value = route.query?.t
+    }
   },
   { immediate: true, deep: true },
 )