diff --git a/front/src/assets/home/jc.png b/front/src/assets/home/jc.png
new file mode 100644
index 00000000..99291d9a
Binary files /dev/null and b/front/src/assets/home/jc.png differ
diff --git a/front/src/assets/home/kz.png b/front/src/assets/home/kz.png
new file mode 100644
index 00000000..922e2ed5
Binary files /dev/null and b/front/src/assets/home/kz.png differ
diff --git a/front/src/views/detailsAll/AlgorithmDetails.vue b/front/src/views/detailsAll/AlgorithmDetails.vue
index 618d2cee..d687da88 100644
--- a/front/src/views/detailsAll/AlgorithmDetails.vue
+++ b/front/src/views/detailsAll/AlgorithmDetails.vue
@@ -1,14 +1,32 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 11:32:22
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-18 18:49:30
+ * @LastEditors: Light
+ * @LastEditTime: 2022-11-03 16:53:02
  * @Description: 算法详情页
 -->
 <template>
   <div class="algorithm-details" :class="{ fixed2: scrollTop >= 600 }">
     <!-- 头部基本信息 -->
     <algorithm-top-details :dataList="dataList.data"></algorithm-top-details>
+
+    <div style="position: absolute; top: 240px; left: 320px">
+      <div style="display: flex; align-items: center; color: #99ffff">
+        <i class="jc"></i>
+        <div style="margin-left: 10px">能力基本信息</div>
+      </div>
+      <div
+        style="
+          display: flex;
+          align-items: center;
+          color: #67b1fc;
+          margin-top: 450px;
+        "
+      >
+        <i class="kz"></i>
+        <div style="margin-left: 10px">能力扩展信息</div>
+      </div>
+    </div>
     <!-- 导航 -->
     <algorithm-navigation
       :dataList="dataList.data"
@@ -201,4 +219,18 @@
   .fixed2 > div:nth-of-type(3) {
     margin-top: 0.84rem;
   }
+  .jc {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/jc.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
+  .kz {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/kz.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
 </style>
diff --git a/front/src/views/detailsAll/ApplicationDetails.vue b/front/src/views/detailsAll/ApplicationDetails.vue
index 8e68c6c5..bb3fa865 100644
--- a/front/src/views/detailsAll/ApplicationDetails.vue
+++ b/front/src/views/detailsAll/ApplicationDetails.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 11:32:22
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-22 18:43:37
+ * @LastEditors: Light
+ * @LastEditTime: 2022-11-03 16:52:08
  * @Description: 应用详情页
 -->
 <template>
@@ -11,6 +11,23 @@
     <application-top-details
       :dataList="dataList.data"
     ></application-top-details>
+    <div style="position: absolute; top: 240px; left: 320px">
+      <div style="display: flex; align-items: center; color: #99ffff">
+        <i class="jc"></i>
+        <div style="margin-left: 10px">能力基本信息</div>
+      </div>
+      <div
+        style="
+          display: flex;
+          align-items: center;
+          color: #67b1fc;
+          margin-top: 450px;
+        "
+      >
+        <i class="kz"></i>
+        <div style="margin-left: 10px">能力扩展信息</div>
+      </div>
+    </div>
     <!-- 导航 -->
     <application-navigation
       :dataList="dataList.data"
@@ -216,4 +233,18 @@
   .fixed2 > div:nth-of-type(3) {
     margin-top: 0.84rem;
   }
+  .jc {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/jc.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
+  .kz {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/kz.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
 </style>
diff --git a/front/src/views/detailsAll/BusinessDetails.vue b/front/src/views/detailsAll/BusinessDetails.vue
index d9f9a1cb..ee1338c8 100644
--- a/front/src/views/detailsAll/BusinessDetails.vue
+++ b/front/src/views/detailsAll/BusinessDetails.vue
@@ -1,14 +1,32 @@
 <!--
  * @Author: hisense.gaoyuanwei
  * @Date: 2022-06-20 10:12:22
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-18 18:49:01
+ * @LastEditors: Light
+ * @LastEditTime: 2022-11-03 16:53:10
  * @Description: 业务组件详情页
 -->
 <template>
   <div class="business-details" :class="{ fixed2: scrollTop >= 600 }">
     <!-- 头部基本信息 -->
     <business-top-details :dataList="dataList.data"></business-top-details>
+
+    <div style="position: absolute; top: 240px; left: 320px">
+      <div style="display: flex; align-items: center; color: #99ffff">
+        <i class="jc"></i>
+        <div style="margin-left: 10px">能力基本信息</div>
+      </div>
+      <div
+        style="
+          display: flex;
+          align-items: center;
+          color: #67b1fc;
+          margin-top: 450px;
+        "
+      >
+        <i class="kz"></i>
+        <div style="margin-left: 10px">能力扩展信息</div>
+      </div>
+    </div>
     <!-- 导航 -->
     <business-navigation
       :dataList="dataList.data"
@@ -184,4 +202,18 @@
   .fixed2 > div:nth-of-type(3) {
     margin-top: 0.84rem;
   }
+  .jc {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/jc.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
+  .kz {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/kz.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
 </style>
diff --git a/front/src/views/detailsAll/DeveloperComponents.vue b/front/src/views/detailsAll/DeveloperComponents.vue
index 41afdee0..0446a8d3 100644
--- a/front/src/views/detailsAll/DeveloperComponents.vue
+++ b/front/src/views/detailsAll/DeveloperComponents.vue
@@ -1,14 +1,32 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 11:32:22
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-18 18:48:53
+ * @LastEditors: Light
+ * @LastEditTime: 2022-11-03 16:53:13
  * @Description: 开发组件详情页
 -->
 <template>
   <div class="application-details" :class="{ fixed2: scrollTop >= 600 }">
     <!-- 头部基本信息 -->
     <developer-top-details :dataList="dataList.data"></developer-top-details>
+
+    <div style="position: absolute; top: 240px; left: 320px">
+      <div style="display: flex; align-items: center; color: #99ffff">
+        <i class="jc"></i>
+        <div style="margin-left: 10px">能力基本信息</div>
+      </div>
+      <div
+        style="
+          display: flex;
+          align-items: center;
+          color: #67b1fc;
+          margin-top: 450px;
+        "
+      >
+        <i class="kz"></i>
+        <div style="margin-left: 10px">能力扩展信息</div>
+      </div>
+    </div>
     <!-- 导航 -->
     <developer-navigation
       :dataList="dataList.data"
@@ -194,4 +212,18 @@
   .fixed2 > div:nth-of-type(3) {
     margin-top: 0.84rem;
   }
+  .jc {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/jc.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
+  .kz {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/kz.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
 </style>
diff --git a/front/src/views/detailsAll/LayerService.vue b/front/src/views/detailsAll/LayerService.vue
index 14deaf44..5f2c1e11 100644
--- a/front/src/views/detailsAll/LayerService.vue
+++ b/front/src/views/detailsAll/LayerService.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 11:32:22
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-18 18:48:32
+ * @LastEditors: Light
+ * @LastEditTime: 2022-11-03 16:53:17
  * @Description: 图层服务详情页
 -->
 <template>
@@ -11,6 +11,24 @@
     <layer-service-top-details
       :dataList="dataList.data"
     ></layer-service-top-details>
+
+    <div style="position: absolute; top: 240px; left: 320px">
+      <div style="display: flex; align-items: center; color: #99ffff">
+        <i class="jc"></i>
+        <div style="margin-left: 10px">能力基本信息</div>
+      </div>
+      <div
+        style="
+          display: flex;
+          align-items: center;
+          color: #67b1fc;
+          margin-top: 450px;
+        "
+      >
+        <i class="kz"></i>
+        <div style="margin-left: 10px">能力扩展信息</div>
+      </div>
+    </div>
     <!-- 导航 -->
     <layer-service-navigation
       :dataList="dataList.data"
@@ -193,4 +211,18 @@
   .fixed2 > div:nth-of-type(3) {
     margin-top: 0.84rem;
   }
+  .jc {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/jc.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
+  .kz {
+    width: 15px;
+    height: 15px;
+    background: url('~@/assets/home/kz.png') no-repeat;
+    background-size: 100%;
+    background-position: center;
+  }
 </style>
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index 078afe62..41751eed 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -68,7 +68,7 @@
           </span>
         </div>
       </div>
-      <div class="top-content-father" :key="listKey">
+      <!-- <div class="top-content-father" :key="listKey">
         <template
           v-if="
             Cardsname == 'GIS图层' || Cardsname == '应用系统' || Cardsname == ''
@@ -122,7 +122,7 @@
             </div>
           </div>
         </template>
-      </div>
+      </div> -->
       <searchResultList
         v-show="resourceList.data && resourceList.data.length > 0"
         :resourceList="resourceList"
@@ -336,7 +336,7 @@
           <div class="hengxian"></div>
         </div>
       </div>
-      <div class="top-content-father" :key="listKey">
+      <!-- <div class="top-content-father" :key="listKey">
         <template
           v-if="
             Cardsname == 'GIS图层' || Cardsname == '应用系统' || Cardsname == ''
@@ -390,7 +390,7 @@
             </div>
           </div>
         </template>
-      </div>
+      </div> -->
       <searchResultList
         v-show="resourceList.data && resourceList.data.length > 0"
         :key="listKey2"
@@ -538,8 +538,7 @@
           <div class="hengxian"></div>
         </div>
       </div>
-      <div class="top-content-father" :key="listKey">
-        <!-- todo -->
+      <!-- <div class="top-content-father" :key="listKey">
         <template
           v-if="
             Cardsname == 'GIS图层' || Cardsname == '应用系统' || Cardsname == ''
@@ -593,7 +592,7 @@
             </div>
           </div>
         </template>
-      </div>
+      </div> -->
       <searchResultList
         v-show="resourceList.data && resourceList.data.length"
         :key="listKey2"