应用超市详情页提取公共样式

src/assets/css/index.css

@@ -474,4 +474,20 @@ width: 620px!important;
 }
 .bread_crumb1 .is-link {
   color: #898d9e !important;
+}
+
+/* 应用超市详情页公共样式 */
+.sevice_detail {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+.sevice_breadcrumb > .el-breadcrumb .el-breadcrumb__inner {
+  font-size: 14px;
+  font-weight: bold;
+  color: #898d9e;
+  line-height: 42px;
+}
+.sevice_breadcrumb > .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner  {
+  color: #242c43;
+  font-weight: normal;
 }
\ No newline at end of file

src/pages/sjfwDetail.vue

@@ -2,8 +2,10 @@
   <div class="sevice_detail">
     <div class="sevice_breadcrumb">
       <el-breadcrumb separator="/">
-        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
-        <el-breadcrumb-item>数据服务</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop/data_service_list"
+          >数据服务</el-breadcrumb-item
+        >
         <el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -68,13 +70,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.sevice_detail {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.sevice_breadcrumb > .el-breadcrumb {
-  line-height: 42px;
-}
-</style>

src/pages/skfwDetail.vue

@@ -2,8 +2,10 @@
   <div class="sevice_detail">
     <div class="sevice_breadcrumb">
       <el-breadcrumb separator="/">
-        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
-        <el-breadcrumb-item>数据服务</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop/space_time_service_list"
+          >时空服务</el-breadcrumb-item
+        >
         <el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -65,13 +67,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.sevice_detail {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.sevice_breadcrumb > .el-breadcrumb {
-  line-height: 42px;
-}
-</style>

src/pages/yysdDetail.vue

@@ -2,8 +2,10 @@
   <div class="sevice_detail">
     <div class="sevice_breadcrumb">
       <el-breadcrumb separator="/">
-        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
-        <el-breadcrumb-item>应用商店</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop/app_store_list"
+          >应用商店</el-breadcrumb-item
+        >
         <el-breadcrumb-item>应用详情信息</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -69,13 +71,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.sevice_detail {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.sevice_breadcrumb > .el-breadcrumb {
-  line-height: 42px;
-}
-</style>

src/pages/zhyyfwDetail.vue

@@ -2,8 +2,10 @@
   <div class="sevice_detail">
     <div class="sevice_breadcrumb">
       <el-breadcrumb separator="/">
-        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
-        <el-breadcrumb-item>数据服务</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop/comprehensive_app_list"
+          >综合应用服务</el-breadcrumb-item
+        >
         <el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -65,13 +67,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.sevice_detail {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.sevice_breadcrumb > .el-breadcrumb {
-  line-height: 42px;
-}
-</style>

src/router/index.js

@@ -119,22 +119,22 @@ export default new Router({
           ],
         },
         {
-          path: "/sjfwDetail/:id",
+          path: "/shop/sjfwDetail/:id",
           name: "sjfwDetail",
           component: () => import("@/pages/sjfwDetail"),
         }, // 数据服务详情
         {
-          path: "/skfwDetail/:id",
+          path: "/shop/skfwDetail/:id",
           name: "skfwDetail",
           component: () => import("@/pages/skfwDetail"),
         }, // 时空服务详情
         {
-          path: "/zhyyfwDetail/:id",
+          path: "/shop/zhyyfwDetail/:id",
           name: "zhyyfwDetail",
           component: () => import("@/pages/zhyyfwDetail"),
         }, // 综合应用服务详情
         {
-          path: "/yysdDetail/:id",
+          path: "/shop/yysdDetail/:id",
           name: "yysdDetail",
           component: () => import("@/pages/yysdDetail"),
         }, // 应用详情