diff --git a/components.d.ts b/components.d.ts
index 92cc3670361b6e78017446902f12cd49435039f5..677ad841cb3859174fc8a9279f9c50174faa7fef 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -11,9 +11,9 @@ declare module 'vue' {
     AppFeedback: typeof import('./src/components/AppFeedback.vue')['default']
     AppFooter: typeof import('./src/components/AppFooter.vue')['default']
     AppHeader: typeof import('./src/components/AppHeader.vue')['default']
+    AppPagination: typeof import('./src/components/AppPagination.vue')['default']
     AppSection: typeof import('./src/components/AppSection.vue')['default']
     ContentWrapper: typeof import('./src/components/ContentWrapper.vue')['default']
-    ElPagination: typeof import('element-plus/es')['ElPagination']
     ExternalLink: typeof import('./src/components/ExternalLink.vue')['default']
     FilterCheckbox: typeof import('./src/components/filter/FilterCheckbox.vue')['default']
     FilterHeader: typeof import('./src/components/filter/FilterHeader.vue')['default']
@@ -22,6 +22,7 @@ declare module 'vue' {
     OCardItem: typeof import('./src/components/OCardItem.vue')['default']
     OCodeCopy: typeof import('./src/components/OCodeCopy.vue')['default']
     OTableItemNew: typeof import('./src/components/OTableItemNew.vue')['default']
+    ResultNotApp: typeof import('./src/components/ResultNotApp.vue')['default']
     ResultNotFound: typeof import('./src/components/ResultNotFound.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
diff --git a/src/App.vue b/src/App.vue
index a9f82b7915a2a6254d3b9771825ad9be4131f9d9..ede132694dbd1827582473f5ceb72eedf137745f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,13 +6,14 @@ import { OScroller, OConfigProvider } from '@opensig/opendesign';
 import zhCN from '@opensig/opendesign/es/locale/lang/zh-cn';
 import enUS from '@opensig/opendesign/es/locale/lang/en-us';
 
-import { useLangStore } from '@/stores/';
+import { useLangStore, useViewStore } from '@/stores/common';
 import { useLocale } from '@/composables/useLocale';
 
 import AppHeader from '@/components/AppHeader.vue';
 import AppFooter from '@/components/AppFooter.vue';
 
 const langStore = useLangStore();
+const viewState = useViewStore();
 const { locale } = useI18n();
 
 watch(
@@ -30,7 +31,10 @@ const { isZh } = useLocale();
   <OConfigProvider :locale="isZh ? zhCN : enUS">
     <AppHeader class="app-header" />
     <OScroller show-type="hover">
-      <main class="ly-main"><RouterView></RouterView></main>
+      <main class="ly-main">
+        <RouterView v-if="!viewState.notFoundPage" />
+        <ResultNotFound v-else />
+      </main>
       <AppFooter />
     </OScroller>
   </OConfigProvider>
@@ -79,3 +83,4 @@ const { isZh } = useLocale();
   padding-top: var(--layout-header-height);
 }
 </style>
+@/stores/common
diff --git a/src/assets/banner/search-banner.jpg b/src/assets/banner/search-banner.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8ab7cb7c9017bec8b5006b3d144bd988c5a4874b
Binary files /dev/null and b/src/assets/banner/search-banner.jpg differ
diff --git a/src/assets/default-logo-cover.png b/src/assets/default-logo-cover.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ef2e64012b1ea590329d3db2a9d02f9f880322e
Binary files /dev/null and b/src/assets/default-logo-cover.png differ
diff --git a/src/assets/default-logo.png b/src/assets/default-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..609acc2321a6580679d1f626e773ff785e588ea1
Binary files /dev/null and b/src/assets/default-logo.png differ
diff --git a/src/assets/icon/icon-home.svg b/src/assets/icon/icon-home.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bda3274de0c0db95ff58e91a18540dadc33a621d
--- /dev/null
+++ b/src/assets/icon/icon-home.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon/01公共图标/鲲鹏/24px/转发当前链接</title>
+    <g id="icon/01公共图标/鲲鹏/24px/转发当前链接" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组">
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <path d="M12.3387462,4.3 C12.7253455,4.3 13.0387462,4.61340068 13.0387462,5 C13.0387462,5.38659932 12.7253455,5.7 12.3387462,5.7 L5.2,5.7 C4.92385763,5.7 4.7,5.92385763 4.7,6.2 L4.7,18.8 C4.7,19.0761424 4.92385763,19.3 5.2,19.3 L17.8,19.3 C18.0761424,19.3 18.3,19.0761424 18.3,18.8 L18.3,11.6798334 C18.3,11.293234 18.6134007,10.9798334 19,10.9798334 C19.3865993,10.9798334 19.7,11.293234 19.7,11.6798334 L19.7,18.8 C19.7,19.849341 18.849341,20.7 17.8,20.7 L5.2,20.7 C4.15065898,20.7 3.3,19.849341 3.3,18.8 L3.3,6.2 C3.3,5.15065898 4.15065898,4.3 5.2,4.3 L12.3387462,4.3 Z M19.0475063,3.12558164 C20.0416188,3.12558164 20.8475063,3.93146909 20.8475063,4.92558164 L20.8475063,8.02096847 C20.8475063,8.35233932 20.5788771,8.62096847 20.2475063,8.62096847 C19.9161354,8.62096847 19.6475063,8.35233932 19.6475063,8.02096847 L19.647,5.36758164 L13.2168476,11.7258632 C12.9419166,11.9976572 12.4987084,11.9951143 12.2269144,11.7201833 C11.9551203,11.4452524 11.9576633,11.0020442 12.2325943,10.7302501 L18.71,4.32558164 L16.0016756,4.32558164 C15.6703048,4.32558164 15.4016756,4.05695249 15.4016756,3.72558164 C15.4016756,3.39421079 15.6703048,3.12558164 16.0016756,3.12558164 L19.0475063,3.12558164 Z" id="形状结合" fill="#303030" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/style/category/content/index.scss b/src/assets/style/category/content/index.scss
index 4e4f970d05d27109d8eaaa578cd0088323dee5d1..f3d74a3490710d285707db750f840d24c250dcc5 100644
--- a/src/assets/style/category/content/index.scss
+++ b/src/assets/style/category/content/index.scss
@@ -9,7 +9,10 @@
     display: flex;
     flex-direction: column;
   }
-
+  .pkg-panel,
+  .result-tips {
+    margin-top: 24px;
+  }
   .filter-sidebar {
     padding-right: 32px;
     position: relative;
@@ -33,10 +36,10 @@
     }
   }
   .search-result {
-    margin-bottom: 24px;
     .text {
       @include tip1;
       color: var(--o-color-info3);
+      margin-top: 24px;
       .total {
         color: var(--o-color-info1);
         font-weight: 600;
diff --git a/src/assets/style/detail/index.scss b/src/assets/style/detail/index.scss
index 4b4650e49e02a2a371bc4ffc72722b98ead5f561..a75f796949c05b4613839e9673db22ae81eb455d 100644
--- a/src/assets/style/detail/index.scss
+++ b/src/assets/style/detail/index.scss
@@ -3,6 +3,9 @@
   justify-content: space-between;
   .detail-row-main {
     width: 936px;
+    &.tags {
+      width: 100%;
+    }
   }
   .detail-row-side {
     padding-left: 32px;
@@ -36,7 +39,6 @@
   justify-content: space-between;
 }
 
-
 :deep(.domain-tabs) {
   .o-tab-navs {
     --tab-nav-justify: left;
@@ -47,6 +49,31 @@
     word-break: break-word;
     --table-edge-padding: 24px;
   }
+  // 容器镜像样式
+  &.switch {
+    .o-tab-nav-list {
+      background: #ededf0;
+      border-radius: 8px;
+      height: 40px;
+      padding: 4px;
+      .o-tab-nav {
+        margin: 0 !important;
+        position: relative;
+        padding: 2px 12px;
+        z-index: 3;
+      }
+    }
+    .o-tab-nav-anchor {
+      top: 0;
+      padding: 4px 0;
+      .o-tab-nav-anchor-line {
+        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+        border-radius: 4px;
+        height: 100%;
+        background: var(--o-color-fill2);
+      }
+    }
+  }
 }
 
 .code-box {
@@ -55,17 +82,16 @@
 
 .basic-info {
   margin-top: 26px;
-  background: linear-gradient(to right, rgba(0, 47, 167, 0.05) 10%, white 15%); 
+  background: linear-gradient(to right, rgba(0, 47, 167, 0.05) 10%, white 15%);
 
   li {
-   
     padding: 12px 24px;
     @include tip1;
     color: var(--o-color-info2);
     display: flex;
     align-items: top;
-    border: 1px solid rgba(0,0,0,0.10);
-    border-left:4px solid #002FA7;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-left: 4px solid #002fa7;
     .label {
       min-width: 100px;
     }
@@ -132,3 +158,12 @@
   justify-content: space-between;
   @include h3;
 }
+
+.ver{
+  background: #F2F4FA;
+border: 1px solid rgba(0,47,167,0.20);
+border-radius: 4px;
+font-size: 18px;
+color: #002FA7;
+padding: 6px 24px;
+}
diff --git a/src/assets/style/global.scss b/src/assets/style/global.scss
index 32dd8cf2c97fdc63aef5fa3c7796b4396f0c2546..9966e5d16671d972aec120da53a4132ea2d00601 100644
--- a/src/assets/style/global.scss
+++ b/src/assets/style/global.scss
@@ -43,7 +43,7 @@ html {
 }
 
 .o-table {
-  --table-head-bg: var(--o-color-primary1-light);
+  --table-head-bg: var(--o-color-control3-light);
 }
 
 // tag
diff --git a/src/assets/style/theme/dark.token.css b/src/assets/style/theme/dark.token.css
index a948fb9eb6098cb97466336cf46f261ea4c4c990..97800f351e7e94a6f7215c6ccf8000fee9fbe0e6 100644
--- a/src/assets/style/theme/dark.token.css
+++ b/src/assets/style/theme/dark.token.css
@@ -874,7 +874,7 @@
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-3: 28, 26, 28;
+  --o-mixedgray-3: 26, 26, 28;
   /**
    * @name 
    * @type palette
diff --git a/src/assets/style/theme/default-light.token.css b/src/assets/style/theme/default-light.token.css
index 4c91801f0459894c5ac0b11a5ef41b3dca66c059..6091486b973c08861249f74a9a9ee03c8623da0c 100644
--- a/src/assets/style/theme/default-light.token.css
+++ b/src/assets/style/theme/default-light.token.css
@@ -867,7 +867,7 @@
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-2: 240, 243, 245;
+  --o-mixedgray-2: 243, 243, 245;
   /**
    * @name 
    * @type palette
@@ -1532,14 +1532,14 @@
    * @group control
    * @description 悬浮-浅，常用于背景
    */
-  --o-color-control2-light: rgb(var(--o-mixedgray-3), 1);
+  --o-color-control2-light: rgba(var(--o-kleinblue-1), 1);
   /**
    * @name 
    * @type color
    * @group control
    * @description 激活-浅，常用于背景
    */
-  --o-color-control3-light: rgb(var(--o-mixedgray-4), 1);
+  --o-color-control3-light: rgba(var(--o-kleinblue-2), 1);
   /**
    * @name 
    * @type color
diff --git a/src/components/AppFeedback.vue b/src/components/AppFeedback.vue
index 8750879e2e067d7f692195f2300cee1a2ad9b19c..d7cb97db63b8d48eba3f8fa8b1b1af3a55f16d16 100644
--- a/src/components/AppFeedback.vue
+++ b/src/components/AppFeedback.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
-import { ORate, OTextarea, OButton, useMessage, OLink, OPopover, OIcon } from '@opensig/opendesign';
+import { ORate, OTextarea, OButton, useMessage, OIcon } from '@opensig/opendesign';
 import { useRoute } from 'vue-router';
 import { postFeedback } from '@/api/api-feedback';
 import { GITEE } from '@/data/config';
@@ -9,7 +9,6 @@ import xss from 'xss';
 import ExternalLink from '@/components/ExternalLink.vue';
 import AppSection from '@/components/AppSection.vue';
 
-import CodeImgXzs from '@/assets/footer/code-xzs.png';
 import IconHelp from '~icons/pkg/icon-help.svg';
 import IconIssue from '~icons/pkg/icon-issue.svg';
 
@@ -122,20 +121,7 @@ const onExternalDialog = () => {
           :rows="4"
           style="width: 100%"
         />
-        <!-- <p class="text">
-          {{ t('software.feedbackTxt[0]') }}
-          <OLink color="primary" target="_blank" rel="noopener noreferrer" :href="`mailto:${email}`"> {{ t('software.feedbackTxt[1]') }}</OLink>
-          {{ t('software.feedbackTxt[2]') }}
 
-          <OPopover position="tl" trigger="hover">
-            <template #target>
-              <OLink color="primary" target="_blank" rel="noopener noreferrer"> {{ t('software.feedbackTxt[3]') }}</OLink>
-            </template>
-            <div class="box">
-              <img :src="CodeImgXzs" style="width: 120px" />
-            </div>
-          </OPopover>
-        </p> -->
         <div class="action">
           <OButton color="primary" variant="solid" size="large" @click="clickSubmit">{{ t('software.feedbackButton[0]') }}</OButton>
         </div>
@@ -144,7 +130,7 @@ const onExternalDialog = () => {
           <a @click="onExternalDialog()">
             <OIcon><IconIssue /></OIcon>提交issue
           </a>
-          <a href="">
+          <a>
             <OIcon><IconHelp /></OIcon>发帖求助
           </a>
         </div>
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 52d96374301487267dc1f0eb80e2b54ecc7a69ac..60b0b052a0f57dc74a670f58cc75850bf1c0f96f 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -2,7 +2,7 @@
 import { watch } from 'vue';
 import { ODivider, ODropdown, ODropdownItem, OIcon } from '@opensig/opendesign';
 import { useRouter } from 'vue-router';
-import { useLangStore } from '@/stores';
+import { useLangStore } from '@/stores/common';
 import { OPENEULER } from '@/data/config';
 import { useLocale } from '@/composables/useLocale';
 import { useI18n } from 'vue-i18n';
@@ -249,3 +249,4 @@ watch(
   }
 }
 </style>
+@/stores/common
diff --git a/src/components/AppPagination.vue b/src/components/AppPagination.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b64442aa925b0c4f5601500f91e0edaf16e36fab
--- /dev/null
+++ b/src/components/AppPagination.vue
@@ -0,0 +1,65 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { ElPagination, ElConfigProvider } from 'element-plus';
+import { useLocale } from '@/composables/useLocale';
+import { useRoute } from 'vue-router';
+
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import English from 'element-plus/es/locale/lang/en';
+
+const props = defineProps({
+  currentPage: {
+    type: Number,
+    default: () => 1,
+  },
+  total: {
+    type: Number,
+    default: () => 0,
+  },
+  pageSize: {
+    type: Number,
+    default: () => 10,
+  },
+});
+
+const { isZh } = useLocale();
+const route = useRoute();
+
+const emits = defineEmits<{
+  (e: 'size', val: string): void;
+  (e: 'current', val: string): void;
+}>();
+
+const pageSize = ref(props.pageSize || 10);
+const currentPage = ref(props.currentPage);
+
+const pageSizes = [route.name !== 'applicationsPackage' ? 12 : 10, 24, 48, 96];
+
+const handleSizeChange = (v: number) => {
+  pageSize.value = v;
+  emits('size', v);
+};
+const handleCurrentChange = (val: number) => {
+  currentPage.value = val;
+  emits('current', val);
+};
+</script>
+
+<template>
+  <div class="pagination-box">
+    <el-config-provider :locale="isZh ? zhCn : English">
+      <el-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="pageSize"
+        background
+        layout="sizes, prev, pager, next, jumper"
+        :total="total"
+        :page-sizes="pageSizes"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-config-provider>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/components/OCardItem.vue b/src/components/OCardItem.vue
index eeff39dc4f833616a1f65a378a4bd2fc21798c83..afb3f57f9c7e6697bdaf39dfaf13e5e7ad9e5fa5 100644
--- a/src/components/OCardItem.vue
+++ b/src/components/OCardItem.vue
@@ -6,7 +6,7 @@ import { getTagsIcon, xssAllTag } from '@/utils/common';
 import { useLocale } from '@/composables/useLocale';
 import { useI18n } from 'vue-i18n';
 
-import defaultImg from '@/assets/default.png';
+import defaultImg from '@/assets/default-logo.png';
 
 defineProps({
   data: {
diff --git a/src/components/ResultNotApp.vue b/src/components/ResultNotApp.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e3ee50b8f9f4d7ec470554e899a3968d9c942886
--- /dev/null
+++ b/src/components/ResultNotApp.vue
@@ -0,0 +1,92 @@
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue';
+import { OLink, OTag, OPopover, OResult, OFigure, useMessage, vLoading } from '@opensig/opendesign';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { postFeedback } from '@/api/api-feedback';
+
+import result404 from '@/assets/404.png';
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: 'nofound',
+  },
+});
+
+const route = useRoute();
+const { t } = useI18n();
+const message = useMessage();
+const state = ref(props.type);
+
+const feedbackRef = ref(null);
+const searchVal = ref(decodeURIComponent(route.params.id as string));
+const isLoading = ref(false);
+
+// 一键反馈
+const clickFeedback = () => {
+  const params = {
+    feedbackPageUrl: window.location.href,
+    feedbackText: searchVal.value,
+    feedbackValue: 0,
+  };
+  isLoading.value = true;
+  postFeedback(params)
+    .then((res) => {
+      if (res.code === 200) {
+        isLoading.value = false;
+        message.success({
+          content: t('software.feedbackSuccess'),
+        });
+        state.value = 'feedback';
+      }
+    })
+    .catch(() => {
+      isLoading.value = false;
+      message.success({
+        content: t('software.feedbackWarning'),
+      });
+    });
+};
+const tabName = ref('');
+onMounted(() => {
+  tabName.value = route.query?.tab as string;
+});
+</script>
+
+<template>
+  <OResult v-loading="isLoading" class="result-tips" :class="tabName">
+    <template #image>
+      <OFigure :src="result404" fit="contain" />
+    </template>
+    <template #description>
+      <div v-if="state === 'nofound'">
+        {{ t('software.nofoundApp') }}
+        <OLink hover-underline color="primary" @click="clickFeedback">{{ t('software.feedbackPkg.btn') }}</OLink>
+      </div>
+      <div v-else>
+        {{ t('software.feedbackPkg.text') }} <OLink ref="feedbackRef" hover-underline color="primary">{{ t('software.feedbackPkg.schedule') }}</OLink>
+
+        <OPopover position="right" :target="feedbackRef" trigger="click" :unmount-on-hide="false">
+          <p class="text">{{ t('software.feedbackPkg.name') }}：{{ searchVal }}</p>
+          <p class="text">{{ t('software.feedbackPkg.state') }}：<OTag color="success">{{ t('software.feedbackPkg.online') }}</OTag></p>
+        </OPopover>
+      </div>
+    </template>
+  </OResult>
+</template>
+
+<style lang="scss" scoped>
+.result-tips {
+  background: var(--o-color-fill2);
+  min-height: 300px;
+  text-align: center;
+  padding: 40px;
+  box-shadow: var(--o-shadow-1);
+  flex: 1;
+}
+.text {
+  @include text1;
+  color: var(--o-color-info1);
+}
+</style>
diff --git a/src/components/ResultNotFound.vue b/src/components/ResultNotFound.vue
index e3ee50b8f9f4d7ec470554e899a3968d9c942886..230c59ddf6b4241a0aca73cdfb4493b51dc0d0cb 100644
--- a/src/components/ResultNotFound.vue
+++ b/src/components/ResultNotFound.vue
@@ -1,92 +1,42 @@
-<script lang="ts" setup>
-import { ref, onMounted } from 'vue';
-import { OLink, OTag, OPopover, OResult, OFigure, useMessage, vLoading } from '@opensig/opendesign';
-import { useRoute } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import { postFeedback } from '@/api/api-feedback';
+<script setup lang="ts">
+import ContentWrapper from '@/components/ContentWrapper.vue';
+import { OButton, OResult } from '@opensig/opendesign';
 
-import result404 from '@/assets/404.png';
+import notFoundImage from '@/assets/404.png';
 
-const props = defineProps({
-  type: {
-    type: String,
-    default: 'nofound',
-  },
-});
-
-const route = useRoute();
-const { t } = useI18n();
-const message = useMessage();
-const state = ref(props.type);
-
-const feedbackRef = ref(null);
-const searchVal = ref(decodeURIComponent(route.params.id as string));
-const isLoading = ref(false);
-
-// 一键反馈
-const clickFeedback = () => {
-  const params = {
-    feedbackPageUrl: window.location.href,
-    feedbackText: searchVal.value,
-    feedbackValue: 0,
-  };
-  isLoading.value = true;
-  postFeedback(params)
-    .then((res) => {
-      if (res.code === 200) {
-        isLoading.value = false;
-        message.success({
-          content: t('software.feedbackSuccess'),
-        });
-        state.value = 'feedback';
-      }
-    })
-    .catch(() => {
-      isLoading.value = false;
-      message.success({
-        content: t('software.feedbackWarning'),
-      });
-    });
-};
-const tabName = ref('');
-onMounted(() => {
-  tabName.value = route.query?.tab as string;
-});
+import { useLocale } from '@/composables/useLocale';
+const { locale } = useLocale();
 </script>
 
 <template>
-  <OResult v-loading="isLoading" class="result-tips" :class="tabName">
-    <template #image>
-      <OFigure :src="result404" fit="contain" />
-    </template>
-    <template #description>
-      <div v-if="state === 'nofound'">
-        {{ t('software.nofoundApp') }}
-        <OLink hover-underline color="primary" @click="clickFeedback">{{ t('software.feedbackPkg.btn') }}</OLink>
-      </div>
-      <div v-else>
-        {{ t('software.feedbackPkg.text') }} <OLink ref="feedbackRef" hover-underline color="primary">{{ t('software.feedbackPkg.schedule') }}</OLink>
-
-        <OPopover position="right" :target="feedbackRef" trigger="click" :unmount-on-hide="false">
-          <p class="text">{{ t('software.feedbackPkg.name') }}：{{ searchVal }}</p>
-          <p class="text">{{ t('software.feedbackPkg.state') }}：<OTag color="success">{{ t('software.feedbackPkg.online') }}</OTag></p>
-        </OPopover>
-      </div>
-    </template>
-  </OResult>
+  <ContentWrapper class="result-404">
+    <OResult>
+      <template #image>
+        <slot name="image">
+          <img class="not-found-image" alt="notFound" :src="notFoundImage" />
+        </slot>
+      </template>
+      <template #extra>
+        <p class="text404">404</p>
+        <RouterLink :to="`/${locale}/`">
+          <OButton variant="solid" color="primary">返回首页</OButton>
+        </RouterLink>
+      </template>
+    </OResult>
+  </ContentWrapper>
 </template>
 
 <style lang="scss" scoped>
-.result-tips {
-  background: var(--o-color-fill2);
-  min-height: 300px;
-  text-align: center;
-  padding: 40px;
-  box-shadow: var(--o-shadow-1);
-  flex: 1;
-}
-.text {
-  @include text1;
-  color: var(--o-color-info1);
+.result-404 {
+  width: 100%;
+  height: var(--layout-content-min-height);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .text404 {
+    @include text2;
+    color: var(--o-color-info1);
+    margin-bottom: 24px;
+  }
 }
 </style>
diff --git a/src/components/filter/FilterCheckbox.vue b/src/components/filter/FilterCheckbox.vue
index e03cabf175d2526337efdcaa6938be6eb96392c1..6ac84d91fae229831969d9b2ed0c7cc89ddb02fe 100644
--- a/src/components/filter/FilterCheckbox.vue
+++ b/src/components/filter/FilterCheckbox.vue
@@ -30,7 +30,7 @@ const onChange = (option: string[]) => {
   emits('change', option);
 };
 
-const DEFAULT_NUM = 8;
+const DEFAULT_NUM = 5;
 const showLen = ref(DEFAULT_NUM);
 const filterList = ref(props.options);
 const isAll = ref(false);
diff --git a/src/components/filter/FilterHeader.vue b/src/components/filter/FilterHeader.vue
index 5d4d51dc0e63111c99602594755d1e492c37af50..5d0c5462709cf90d48c195d7bcbef275d6e20064 100644
--- a/src/components/filter/FilterHeader.vue
+++ b/src/components/filter/FilterHeader.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 import { OLink, OInput } from '@opensig/opendesign';
 import { useLocale } from '@/composables/useLocale';
 import { useI18n } from 'vue-i18n';
@@ -18,6 +18,10 @@ defineProps({
     type: Boolean,
     default: () => true,
   },
+  total: {
+    type: Number,
+    default: () => 0,
+  },
 });
 
 const router = useRouter();
@@ -67,15 +71,27 @@ const changeSortBy = (type: string) => {
 const isPageSearch = ref(false);
 
 onMounted(() => {
-  isPageSearch.value = route.name === 'search' ? true : false;
+  isPageSearch.value = route.name === 'search';
 });
+
+watch(
+  () => route.query.name as string,
+  (v: string) => {
+    searchValue.value = v;
+  }
+);
 </script>
 
 <template>
   <div class="filter-header">
     <div class="search-right">
+      <template v-if="isPageSearch">
+        <p class="text">
+          为您找到<span class="total">{{ total }}</span> 个与 <span>{{ searchValue }}</span> 匹配的搜索结果
+        </p>
+      </template>
       <OInput
-        v-if="!isPageSearch"
+        v-else
         :placeholder="`${t('software.filterPleaseEnter[0]')}${title}${t('software.filterPleaseEnter[1]')}`"
         :style="{ width: '348px' }"
         size="large"
@@ -111,13 +127,20 @@ onMounted(() => {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 24px;
   .lable {
     @include text1;
     color: var(--o-color-info1);
-
     font-weight: 600;
   }
+  .text {
+    @include tip1;
+    color: var(--o-color-info3);
+    .total {
+      color: var(--o-color-info1);
+      font-weight: 600;
+      margin: 0 4px;
+    }
+  }
   .search-left {
     display: flex;
     align-items: center;
diff --git a/src/components/filter/FilterRadio.vue b/src/components/filter/FilterRadio.vue
index fd6dc624363f2fc30fbc76978f64538497a6091d..e3cef8ee0cb4e4b7cab31b827ef7a0b95b0bbd60 100644
--- a/src/components/filter/FilterRadio.vue
+++ b/src/components/filter/FilterRadio.vue
@@ -29,7 +29,7 @@ const onChange = (option: string) => {
   emits('change', option);
 };
 
-const DEFAULT_NUM = 8;
+const DEFAULT_NUM = 5;
 const showLen = ref(DEFAULT_NUM);
 const isAll = ref(false);
 const showMoreItem = () => {
diff --git a/src/components/search/SearchFilter.vue b/src/components/search/SearchFilter.vue
index 3ac07171bddb9f09e38972e4f270cbdab316277f..6d45794ad6223c20fead24c5f8e8b88421755524 100644
--- a/src/components/search/SearchFilter.vue
+++ b/src/components/search/SearchFilter.vue
@@ -175,20 +175,19 @@ onMounted(() => {
 </script>
 
 <template>
-  <div ref="searchRef" class="search">
+  <div ref="searchRef" class="search" :class="show ? 'xl' : 'large'">
     <OSelect
-      v-if="show"
       v-model="defaultValue"
       style="width: 120px"
       :placeholder="flitermenuItem[0].name"
       variant="text"
-      size="large"
+      :size="show ? 'large' : 'medium'"
       round="0"
       @change="(v) => changeFilter(v)"
     >
       <OOption v-for="item in flitermenuItem" :key="item.id" :label="item.name" :value="item.id" />
     </OSelect>
-    <div class="search-box" :class="{ small: !show }">
+    <div class="search-box">
       <OInput
         v-model="searchInput"
         :placeholder="t('software.searchPlaceholder')"
@@ -196,7 +195,6 @@ onMounted(() => {
         round="0"
         clearable
         class="search-input"
-        :size="show ? 'large' : 'small'"
         @press-enter="(v) => changeSearchInput(v)"
         @input="trottleSearch"
         @clear="clearInput"
@@ -247,12 +245,20 @@ onMounted(() => {
   .search-icon {
     font-size: 24px;
   }
-  :deep(.o-select) {
-    height: 48px;
+  &.xl {
+    :deep(.o-select) {
+      height: 48px;
+    }
+    :deep(.search-input) {
+      height: 48px;
+    }
   }
-  :deep(.search-input) {
-    height: 48px;
+  &.large {
+    :deep(.o-input) {
+      @include text1;
+    }
   }
+
   :deep(.search-input) {
     width: 680px;
   }
diff --git a/src/components/search/SearchTab.vue b/src/components/search/SearchTab.vue
index 8f49b609f15db843c4e67751920ce4504540e2ef..a93b31732a55c9b75dcccf60d0cee850dc522b9d 100644
--- a/src/components/search/SearchTab.vue
+++ b/src/components/search/SearchTab.vue
@@ -71,15 +71,9 @@ watch(
 </script>
 
 <template>
-  <OTab v-model="searchCategoryValue" :line="false" variant="text" :style="{ '--tab-nav-justify': 'center' }" @change="(v) => onChangeTabs(v)">
+  <OTab v-model="searchCategoryValue" :line="false" variant="text" :style="{ '--tab-nav-justify': 'left' }" @change="(v) => onChangeTabs(v)">
     <OTabPane v-for="item in menu" :key="item.key" class="pane" :value="item.key" :label="t(`software.${item.key}`) + `（${item.docCount}）`"> </OTabPane>
   </OTab>
 </template>
 
-<style lang="scss" scoped>
-.result-tips {
-  margin-top: 24px;
-  padding: 60px 0;
-  text-align: center;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/src/data/detail/index.ts b/src/data/detail/index.ts
index 420cc9960169144ff609370f2f6fbe838f18c06e..8b0e72dd7ad154b83715921949539f3c9067fa16 100644
--- a/src/data/detail/index.ts
+++ b/src/data/detail/index.ts
@@ -19,6 +19,6 @@ export const moreColumns = [
 // 版本支持
 export const verColumns =  [
   { label: 'openEuler版本', key: 'os' },
-  { label: '架构', key: 'arch' },
-  { label: '操作', key: 'flags'  },
+  { label: '架构', key: 'arch' , style: 'width:30%' },
+  { label: '操作', key: 'flags', style: 'width:30%'   },
 ];;
diff --git a/src/router/index.ts b/src/router/index.ts
index 7400f29902ff587c8e71857209f94bbfb4d09c05..9f3ff4c8a19ff5a141f07998d2d4d25b2665a574 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,7 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router';
 
 import { scrollToTop } from '@/utils/common';
-import { useLangStore } from '@/stores';
+import { useLangStore, useViewStore } from '@/stores/common';
 
 
 const routes = [
@@ -11,7 +11,6 @@ const routes = [
   },
   { path: '/zh/', component: () => import('@/views/home/TheHome.vue'), },
   { path: '/en/', component: () => import('@/views/home/TheHome.vue'), },
-
   {
     path: '/zh/applicationsPackage',
     name: 'applicationsPackage',
@@ -78,6 +77,15 @@ const routes = [
     alias: '/en/image/:name',
     component: () => import('@/views/image/TheDetail.vue'),
   },
+  // 默认路由
+  {
+    path: '/:path(.*)*',
+    name: 'notFound',
+    component: () => {
+      return import('@/components/ResultNotFound.vue');
+    },
+    meta: { title: '404' },
+  },
 ];
 
 const router = createRouter({
@@ -101,4 +109,9 @@ router.beforeEach((to, from, next) => {
 
   next();
 });
+
+router.afterEach(() => {
+  useViewStore().$patch({ notFoundPage: false });
+});
+
 export default router;
diff --git a/src/stores/index.ts b/src/stores/common.ts
similarity index 48%
rename from src/stores/index.ts
rename to src/stores/common.ts
index bc2b69746f927eb5061a850cacadbc3ed7e7c1a9..f92d00fbc837ae54285766289cc28be3f0a35605 100644
--- a/src/stores/index.ts
+++ b/src/stores/common.ts
@@ -14,3 +14,21 @@ export const useLangStore = defineStore('lang', {
     },
   },
 });
+
+
+/**
+ * 页面状态
+ */
+export const useViewStore = defineStore('view', {
+  state: () => {
+    return {
+      notFoundPage: false,
+      noPermission: false,
+    };
+  },
+  actions: {
+    showNotFound() {
+      this.notFoundPage = true;
+    },
+  },
+});
\ No newline at end of file
diff --git a/src/views/applicationsPackage/APkgContent.vue b/src/views/applicationsPackage/APkgContent.vue
index 7a6d0e28b67fa914d20e2bdbb7608fbbb7a6d2b0..fe4a172a24a055d5c31345220135be427623abc2 100644
--- a/src/views/applicationsPackage/APkgContent.vue
+++ b/src/views/applicationsPackage/APkgContent.vue
@@ -5,15 +5,18 @@ import { getSearchData } from '@/api/api-search';
 import { getSearchAllColumn, getSearchAllFiled } from '@/api/api-domain';
 import { useRoute, useRouter } from 'vue-router';
 import { useLocale } from '@/composables/useLocale';
+import { useViewStore } from '@/stores/common';
 import { useI18n } from 'vue-i18n';
-import { ElPagination } from 'element-plus';
+import { ElPagination, ElConfigProvider } from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import English from 'element-plus/es/locale/lang/en';
 
 import FilterCheckbox from '@/components/filter/FilterCheckbox.vue';
 import IconOs from '~icons/pkg/icon-os.svg';
 import IconArch from '~icons/pkg/icon-arch.svg';
 import IconCategory from '~icons/pkg/icon-category.svg';
 
-const { locale } = useLocale();
+const { locale, isZh } = useLocale();
 const route = useRoute();
 const router = useRouter();
 const { t } = useI18n();
@@ -46,7 +49,7 @@ const searchParams = computed(() => {
 });
 
 const isSearchError = ref(false);
-const isSearch = ref(false);
+const isSearchDocs = ref(false);
 // sql搜索
 const queryAllpkg = () => {
   const params = {
@@ -60,15 +63,19 @@ const queryAllpkg = () => {
     nameOrder: nameOrder.value,
   };
   isLoading.value = true;
-  getSearchAllFiled(params).then((res) => {
-    pkgData.value = res.data.list;
+  getSearchAllFiled(params)
+    .then((res) => {
+      pkgData.value = res.data.list;
 
-    total.value = res.data.total;
-    isLoading.value = false;
-    if (pkgData.value.length === 0) {
-      isSearchError.value = true;
-    }
-  });
+      total.value = res.data.total;
+      isLoading.value = false;
+      if (pkgData.value.length === 0) {
+        isSearchError.value = true;
+      }
+    })
+    .catch(() => {
+      useViewStore().showNotFound();
+    });
 };
 
 // es搜索
@@ -78,7 +85,7 @@ const querySearch = () => {
     .then((res) => {
       pkgData.value = res.data.all;
       total.value = res.data.total;
-      isSearch.value = true;
+      isSearchDocs.value = true;
       if (pkgData.value.length === 0) {
         isSearchError.value = true;
       }
@@ -87,7 +94,9 @@ const querySearch = () => {
     .catch(() => {
       pkgData.value = [];
       isLoading.value = false;
-      isSearch.value = false;
+      isSearchDocs.value = false;
+      isSearchError.value = true;
+      useViewStore().showNotFound();
     });
 };
 
@@ -133,7 +142,7 @@ const onResetTag = () => {
   searchOs.value = '';
   searchArch.value = '';
   searchCategory.value = [];
-  isSearch.value = false;
+  isSearchDocs.value = false;
   if (route.query.type) {
     router.push({
       path: `/${locale.value}/applicationsPackage`,
@@ -176,7 +185,12 @@ const pageSearch = () => {
   }
 };
 
+// 判断是否是搜索页
+const isPageSearch = ref(false);
+
 onMounted(() => {
+  isPageSearch.value = route.name === 'search';
+
   //判断主页领域应用跳转
   const homeType = route.query.type as string;
   if (homeType) {
@@ -211,7 +225,7 @@ watch(
       searchKey.value = v;
     }
     if (v === '') {
-      isSearch.value = false;
+      isSearchDocs.value = false;
     }
     currentPage.value = 1;
   }
@@ -260,9 +274,10 @@ watch(
       </FilterCheckbox>
     </div>
     <div class="pkg-content">
-      <FilterHeader :title="t('software.all')" @sort="changeTimeOrder" :isSort="false" />
-      <div v-if="isSearch || searchOs || searchArch || searchCategory.length > 0" class="search-result">
-        <p class="text">
+      <FilterHeader :title="t('software.all')" @sort="changeTimeOrder" :isSort="false" :total="total" />
+
+      <div v-if="isSearchDocs || searchOs || searchArch || searchCategory.length > 0" class="search-result">
+        <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
           >个
         </p>
@@ -273,9 +288,9 @@ watch(
           <OLink color="primary" class="resetting" @click="onResetTag">{{ t('software.filterSider.clear') }}</OLink>
         </div>
       </div>
-      <ResultNotFound v-if="pkgData.length === 0 && isSearchError" />
+      <ResultNotApp v-if="pkgData.length === 0 && isSearchError" />
       <template v-else>
-        <div v-loading.nomask="isLoading" class="pkg-content">
+        <div v-loading.nomask="isLoading" class="pkg-panel">
           <ORow gap="32px" flex-wrap="wrap">
             <OCol v-for="(subItem, index) in pkgData" :key="index" flex="0 1 33.33%" :laptop="{ flex: '0 1 33.33%' }">
               <OCardItem :data="subItem" />
@@ -283,16 +298,18 @@ watch(
           </ORow>
         </div>
         <div class="pagination-box">
-          <el-pagination
-            v-model:current-page="currentPage"
-            v-model:page-size="pageSize"
-            background
-            layout="sizes, prev, pager, next, jumper"
-            :total="total"
-            :page-sizes="pageSizes"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
+          <el-config-provider :locale="isZh ? zhCn : English">
+            <el-pagination
+              v-model:current-page="currentPage"
+              v-model:page-size="pageSize"
+              background
+              layout="sizes, prev, pager, next, jumper"
+              :total="total"
+              :page-sizes="pageSizes"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+            />
+          </el-config-provider>
         </div>
       </template>
     </div>
@@ -302,3 +319,4 @@ watch(
 <style scoped lang="scss">
 @import '@/assets/style/category/content/index.scss';
 </style>
+@/stores/common
diff --git a/src/views/applicationsPackage/TheNewDetail.vue b/src/views/applicationsPackage/TheNewDetail.vue
index f1a068928626cc54d4fc4d23465a972c1239ea8b..50545e5966ede09528cef7d2a174b3067055b6de 100644
--- a/src/views/applicationsPackage/TheNewDetail.vue
+++ b/src/views/applicationsPackage/TheNewDetail.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref, onMounted } from 'vue';
-import { OBreadcrumb, OBreadcrumbItem, OTab, OTabPane, OTable, OLink, OIcon } from '@opensig/opendesign';
+import { OBreadcrumb, OBreadcrumbItem, OTab, OTabPane, OTable, OLink, OIcon,OTag } from '@opensig/opendesign';
 import { useRoute } from 'vue-router';
 import { getDetails, getDetail, getTags, getVer } from '@/api/api-domain';
 import { useMarkdown } from '@/composables/useMarkdown';
@@ -11,12 +11,12 @@ import AppFeedback from '@/components/AppFeedback.vue';
 import DetailHead from '../applicationsPackage/components/DetailNewHead.vue';
 import ExternalLink from '@/components/ExternalLink.vue';
 import DetailAside from '../applicationsPackage/components/DetailAside.vue';
-import defaultImg from '@/assets/default.png';
+import defaultImg from '@/assets/default-logo.png';
 import IconEpkg from '~icons/pkg/epkg.svg';
 import IconImage from '~icons/pkg/image.svg';
 import IconRpm from '~icons/pkg/rpm.svg';
 import { columnTags } from '@/data/detail/index';
-import DetailTag from '../applicationsPackage/components/DetailTag.vue';
+import { useI18n } from 'vue-i18n';
 type MaintainerT = {
   maintainerId: string;
   maintainerEmail: string;
@@ -28,7 +28,7 @@ interface DetailItem {
   value: string | any;
   type?: string;
 }
-
+const { t } = useI18n();
 const route = useRoute();
 const { mkit } = useMarkdown();
 
@@ -132,10 +132,10 @@ const imageUsage = ref();
 const license = ref();
 const latestOsSupport = ref();
 const tagVer = ref();
+const summary = ref();
 const getDetailValue = (data: any) => {
   if (typePkg.value === 'RPM') {
     basicInfo.value = [
-      { name: '简介', value: data.summary },
       { name: 'Description', value: data?.description },
       { name: '版本支持情况', value: data.osSupport },
       { name: '架构', value: data.arch },
@@ -149,9 +149,10 @@ const getDetailValue = (data: any) => {
       { name: 'Conflicts', value: JSON.parse(data?.conflicts || '') },
     ];
     appData.value.size = data.rpmSize || 0;
+    summary.value = data.summary;
+    version.value = data?.version;
   } else if (typePkg.value === 'EPKG') {
     basicInfo.value = [
-      { name: '简介', value: data.summary },
       { name: 'Description', value: data?.description },
       { name: '版本号', value: data.version },
       { name: '版本支持情况', value: data.osSupport },
@@ -167,26 +168,28 @@ const getDetailValue = (data: any) => {
       { name: 'Conflicts', value: JSON.parse(data?.conflicts || '') },
     ];
     appData.value.size = data.epkgSize || 0;
+    summary.value = data.summary;
+    version.value = data?.version;
   } else {
     basicInfo.value = [
-      { name: '简介', value: data.description || '' },
       { name: '架构', value: data.arch || '' },
-      // { name: '使用环境', value: mkit(data.environment || '', { isCopy: true }) },
+
       { name: '软件包分类', value: data.category || '' },
-      // { name: 'License', value: data.license || '' },
-      // { name: 'Tag', value: data.appVer || '' },
+
       { name: '版本支持情况', value: data.osSupport || '' },
     ];
     appData.value.size = data.appSize || 0;
     latestOsSupport.value = data.latestOsSupport;
+    summary.value = data.description;
+    version.value = data?.appVer;
   }
-  tagVer.value = [data.osSupport,data.arch];
+  tagVer.value = [data.osSupport, data.arch];
   maintainer.value = {
     maintainerId: data?.maintainerId || 'openEuler community',
     maintainerEmail: data?.maintainerEmail || OPENEULER_CONTACT,
     maintainerGiteeId: data?.maintainerGiteeId || 'openeuler-ci-bot',
   };
-  version.value = data?.version;
+
   upStream.value = data?.upStream;
   security.value = data?.securityLevel;
   description.value = data?.description;
@@ -251,6 +254,16 @@ const queryVer = () => {
     verData.value = res.data.list;
   });
 };
+
+// tags切换功能
+const isTags = ref(false);
+const onChangeImage = (v: string) => {
+  isTags.value = v === 'Tags' ? true : false;
+};
+
+const repeatTags = (v: string) => {
+  return v.toLocaleLowerCase() === 'image' ? t('software.apppkg') : v;
+};
 </script>
 <template>
   <ContentWrapper vertical-padding="24px">
@@ -259,17 +272,17 @@ const queryVer = () => {
       <OBreadcrumbItem :to="breadcrumbInfo.path">{{ breadcrumbInfo.name }}</OBreadcrumbItem>
       <OBreadcrumbItem>{{ appData.name }} </OBreadcrumbItem>
     </OBreadcrumb>
-    <DetailHead :data="appData" :basicInfo="basicInfo" :maintainer="maintainer" />
+    <DetailHead :data="appData" :basicInfo="summary" :maintainer="maintainer" />
 
     <OTab variant="text" @change="onChange" :line="false" class="domain-tabs" v-model="activeName" size="large">
       <OTabPane class="tab-pane" v-for="item in tabList" :key="item" :label="item">
-        <template #nav><OIcon :icon="getTabIcon(item)" class="tabs-icon" /> {{ item }}</template>
+        <template #nav><OIcon :icon="getTabIcon(item)" class="tabs-icon" /> {{ repeatTags(item) }}</template>
         <div class="detail-row">
-          <div class="detail-row-main">
+          <div class="detail-row-main" :class="{ tags: isTags }">
             <AppSection v-if="item !== 'IMAGE'">
               <div class="title">
                 <p>> 基本信息</p>
-                <p v-if="item === 'RPM'">软件包版本号：{{ version }}</p>
+                <p v-if="item === 'RPM'" class="ver">版本号：{{ version }}</p>
               </div>
               <ul class="basic-info">
                 <li v-for="item in basicInfo" :key="item.name">
@@ -288,21 +301,21 @@ const queryVer = () => {
               <p class="sp">> 安装指引</p>
               <div v-if="installation" v-dompurify-html="installation" v-copy-code="true" class="markdown-body installation"></div>
               <p class="sp" v-if="item !== 'IMAGE'">> 更多信息</p>
-              <OTab variant="text" :line="false" class="domain-tabs" v-if="item !== 'IMAGE'">
+              <OTab variant="text" :line="false" class="domain-tabs switch" v-if="item !== 'IMAGE'">
                 <template v-for="it in moreMessge" :key="it">
                   <OTabPane class="tab-pane" v-if="it.value.length > 0" :label="it.name">
                     <OTable :columns="moreColumns" :data="it.value" :small="true"> </OTable>
                   </OTabPane>
                 </template>
-                <!-- <OTabPane label="Description">{{ description }}</OTabPane> -->
               </OTab>
             </AppSection>
             <AppSection v-else>
-              <OTab variant="text" @change="onChange" :line="false" class="domain-tabs" v-model="imgName">
+              <OTab variant="text" @change="onChangeImage" :line="false" class="domain-tabs switch" v-model="imgName">
                 <OTabPane class="tab-pane" v-for="item in imgList" :key="item" :label="item">
                   <div v-if="item === '概览'">
                     <div class="title">
                       <p>> 基本信息</p>
+                      <p class="ver">版本号：{{ version }}</p>
                     </div>
                     <ul class="basic-info">
                       <li v-for="item in basicInfo" :key="item.name">
@@ -316,7 +329,7 @@ const queryVer = () => {
                           >{{ item.type }}</OLink
                         >
                         <div class="markdown-body installation mymarkdown-body" v-dompurify-html="item.value" v-copy-code="true" v-else>
-                          <DetailTag v-if="item.name === '版本支持情况' && latestOsSupport" :data="'最新版本'" />
+                          <OTag v-if="item.name === '版本支持情况' && latestOsSupport" color="primary"> 最新版本</OTag>
                         </div>
                       </li>
                     </ul>
@@ -330,9 +343,9 @@ const queryVer = () => {
               </OTab>
             </AppSection>
             <ExternalLink v-if="showExternalDlg" :href="externalLink" @change="showExternalDlg = false" />
-            <AppFeedback :email="maintainer.maintainerEmail" />
+            <AppFeedback v-if="!isTags" :email="maintainer.maintainerEmail" />
           </div>
-          <div class="detail-row-side">
+          <div v-if="!isTags" class="detail-row-side">
             <DetailAside
               :data="appData"
               :basicInfo="basicInfo"
diff --git a/src/views/applicationsPackage/components/DetailAside.vue b/src/views/applicationsPackage/components/DetailAside.vue
index 251e4dbd8bb0bd0daf9c8311fee0e90f65aea7f1..27891265ae938a57458db7f04bdc5dc42cf46968 100644
--- a/src/views/applicationsPackage/components/DetailAside.vue
+++ b/src/views/applicationsPackage/components/DetailAside.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { OTable, useMessage, OButton } from '@opensig/opendesign';
+import { OTable, useMessage, OButton, OTag } from '@opensig/opendesign';
 import OCodeCopy from '@/components/OCodeCopy.vue';
 import { ref, computed, watch } from 'vue';
 import ExternalLink from '@/components/ExternalLink.vue';
@@ -8,8 +8,7 @@ import { getCode } from '@/utils/common';
 import { verColumns } from '@/data/detail/index';
 import IconCopy from '~icons/app/icon-copy.svg';
 import { useLocale } from '@/composables/useLocale';
-import {  xssAllTag } from '@/utils/common';
-import DetailTag from './DetailTag.vue';
+import { xssAllTag } from '@/utils/common';
 const props = defineProps({
   data: {
     type: Object,
@@ -168,27 +167,25 @@ const jumpTo = (name: string, id: string) => {
     <OCodeCopy :code="getCode(downloadData)" v-if="type === 'IMAGE' && downloadData" />
     <div v-if="type !== 'IMAGE' && show">
       <div v-for="item in tableData" :key="item.name" class="bt">
-        <OButton variant="solid" color="primary" @click="onExternalDialog(item.download)" style="margin-bottom: 24px; width: 70%">{{
-          item.name
-        }}</OButton>
-        <p @click="copyText($event, item.download)" style="margin-left: 30px; cursor: pointer" >
-          <IconCopy />
+        <OButton variant="solid" color="primary" @click="onExternalDialog(item.download)">{{ item.name }}</OButton>
+        <p @click="copyText($event, item.download)" style="margin-left: 30px; cursor: pointer">
+          <IconCopy style="width: 24px; height: 24px" />
         </p>
       </div>
     </div>
   </AppSection>
   <AppSection title="软件合规" v-if="allShow && license">
     <div class="license">
-      <p>License ：</p>
+      <p>License</p>
       <p>{{ license }}</p>
     </div>
   </AppSection>
   <AppSection :title="`${data.name}版本支持情况`" v-if="allShow">
     <OTable :columns="verColumns" :data="verData" border="all" :cell-span="arraySpanMethod">
       <template #td_flags="{ row }">
-        <a :href="jumpTo(data.name, row.pkgId)" color="primary" target="_blank" rel="noopener noreferrer"
-          > <span v-if="row.os === tagVer[0] && row.arch === tagVer[1]"
-        >当前版本</span> <span v-else>查看</span></a>
+        <a :href="jumpTo(data.name, row.pkgId)" color="primary" target="_blank" rel="noopener noreferrer">
+          <OTag v-if="row.os === tagVer[0] && row.arch === tagVer[1]" color="primary">当前版本</OTag> <span v-else>查看</span></a
+        >
       </template>
     </OTable>
   </AppSection>
@@ -206,6 +203,16 @@ const jumpTo = (name: string, id: string) => {
 .bt {
   height: 100%;
   display: flex;
+  button {
+    height: 40px;
+    width: 240px;
+    margin-bottom: 24px;
+  }
+  p {
+    height: 40px;
+    display: flex;
+    align-items: center;
+  }
 }
 .license {
   border-top: 1px rgba(0, 0, 0, 0.1) solid;
@@ -214,9 +221,14 @@ const jumpTo = (name: string, id: string) => {
   display: flex;
   justify-content: space-between;
 }
-:deep(.o-table td th) {
-    padding: 2px 4px;;
-    text-align: center;
-    height: 50px;
+:deep(.o-table td) {
+  padding: 2px 4px;
+  text-align: center;
+  font-size: 16px !important;
+}
+:deep(.o-table th) {
+  padding: 2px 4px;
+  text-align: center;
+  font-size: 16px !important;
 }
 </style>
diff --git a/src/views/applicationsPackage/components/DetailNewHead.vue b/src/views/applicationsPackage/components/DetailNewHead.vue
index 899aa84ba6c097df5dfd7bf55e8ff1cb652215d3..6d409b7307aaea56559d7239a7ad9b83d8aab16e 100644
--- a/src/views/applicationsPackage/components/DetailNewHead.vue
+++ b/src/views/applicationsPackage/components/DetailNewHead.vue
@@ -6,7 +6,7 @@ import { checkDomainLink, windowOpen } from '@/utils/common';
 
 import Email from '@/assets/email.svg';
 import Gitee from '@/assets/gitee.svg';
-
+import Home from '@/assets/icon/icon-home.svg';
 import { GITEE } from '@/data/config';
 
 import ExternalLink from '@/components/ExternalLink.vue';
@@ -25,9 +25,8 @@ defineProps({
     },
   },
   basicInfo: {
-    type: Object,
     default: () => {
-      return {};
+      return '';
     },
   },
 });
@@ -53,8 +52,11 @@ const onExternalDialog = (href: string) => {
         <div class="left">
           <div class="cover"><img :src="data.cover" alt="" /></div>
           <div class="box">
-            <p class="title">{{ appName }}</p>
-            <p class="detail">{{ basicInfo[0]?.value }}</p>
+            <p class="title">
+              {{ appName }}
+              <a :href="data.repository" v-if="data.repository" target="_blank" rel="noopener noreferrer"><img :src="Home" class="icon-img" alt="" />主页</a>
+            </p>
+            <p class="detail">{{ basicInfo }}</p>
           </div>
         </div>
 
@@ -100,6 +102,12 @@ const onExternalDialog = (href: string) => {
         @include h2;
         font-weight: 500;
         color: var(--o-color-info1);
+        display: flex;
+        justify-content: space-between;
+        a {
+          display: flex;
+          font-size: 14px;
+        }
       }
     }
     .right {
@@ -135,6 +143,8 @@ const onExternalDialog = (href: string) => {
       display: flex;
       align-items: center;
       justify-content: center;
+      background: url(@/assets/default-logo-cover.png) no-repeat center;
+      padding: 12px;
       img {
         max-width: 100%;
         max-height: 100%;
diff --git a/src/views/applicationsPackage/components/DetailTag.vue b/src/views/applicationsPackage/components/DetailTag.vue
deleted file mode 100644
index 0cf6d7100d0a80fe08796f110e979b2358b71d75..0000000000000000000000000000000000000000
--- a/src/views/applicationsPackage/components/DetailTag.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <span class="sp">{{ data }}</span>
-</template>
-<script setup lang="ts">
-const props = defineProps({
-  data: {
-    type: Object,
-    default: () => {
-      return '';
-    },
-  },
-});
-</script>
-<style scoped lang="scss">
-.sp {
-  background: #002fa7;
-  border-radius: 4px;
-  color: #fff;
-  padding: 3px 6px;
-  margin-left: 8px;
-}
-</style>
diff --git a/src/views/epkg/EpkgContent.vue b/src/views/epkg/EpkgContent.vue
index a1afc05547d4d17872597b819753e3163608afd1..008fb8edfdb19d8bc9ebabd418f278bf0a06db78 100644
--- a/src/views/epkg/EpkgContent.vue
+++ b/src/views/epkg/EpkgContent.vue
@@ -6,7 +6,11 @@ import { getSearchData } from '@/api/api-search';
 import { getSearchAllColumn, getSearchAllFiled } from '@/api/api-domain';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { ElPagination } from 'element-plus';
+import { useViewStore } from '@/stores/common';
+import { useLocale } from '@/composables/useLocale';
+import { ElPagination, ElConfigProvider } from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import English from 'element-plus/es/locale/lang/en';
 
 import FilterCheckbox from '@/components/filter/FilterCheckbox.vue';
 import IconOs from '~icons/pkg/icon-os.svg';
@@ -15,6 +19,7 @@ import IconCategory from '~icons/pkg/icon-category.svg';
 
 const route = useRoute();
 const { t } = useI18n();
+const { isZh } = useLocale();
 
 // EPKG-表头
 const columns = [
@@ -78,6 +83,7 @@ const querySearch = () => {
       pkgData.value = [];
       isLoading.value = false;
       isSearch.value = false;
+      useViewStore().showNotFound();
     });
 };
 
@@ -108,6 +114,7 @@ const queryAllpkg = () => {
     .catch(() => {
       pkgData.value = [];
       isLoading.value = false;
+      useViewStore().showNotFound();
     });
 };
 
@@ -192,7 +199,11 @@ const handleCurrentChange = (val: number) => {
   currentPage.value = val;
 };
 
+// 判断是否是搜索页
+const isPageSearch = ref(false);
+
 onMounted(() => {
+  isPageSearch.value = route.name === 'search';
   pageSearch();
   queryFilter();
 });
@@ -270,9 +281,9 @@ watch(
     </div>
 
     <div class="pkg-content">
-      <FilterHeader title="EPKG" @sort="changeTimeOrder" />
+      <FilterHeader title="EPKG" @sort="changeTimeOrder" :total="total" />
       <div v-if="isSearch || searchArch.length > 0 || searchOs.length > 0 || searchCategory.length > 0" class="search-result">
-        <p class="text">
+        <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
           >个
         </p>
@@ -286,22 +297,24 @@ watch(
           }}</OLink>
         </div>
       </div>
-      <ResultNotFound v-if="pkgData.length === 0 && isSearchError" />
-      <template v-else>
+      <ResultNotApp v-if="pkgData.length === 0 && isSearchError" />
+      <div class="pkg-panel" v-else>
         <OTableItemNew :data="pkgData" :columns="columns" :type="tabName" :loading="isLoading" />
         <div class="pagination-box">
-          <el-pagination
-            v-model:current-page="currentPage"
-            v-model:page-size="pageSize"
-            background
-            layout="sizes, prev, pager, next, jumper"
-            :total="total"
-            :page-sizes="pageSizes"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
+          <el-config-provider :locale="isZh ? zhCn : English">
+            <el-pagination
+              v-model:current-page="currentPage"
+              v-model:page-size="pageSize"
+              background
+              layout="sizes, prev, pager, next, jumper"
+              :total="total"
+              :page-sizes="pageSizes"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+            />
+          </el-config-provider>
         </div>
-      </template>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/views/epkg/TheDetail.vue b/src/views/epkg/TheDetail.vue
index 187c89f7eeeaed500caceafec540fa01d818a8a3..5106c255e3ffaf2c3f9a018bcbfd9ab045e5ddb8 100644
--- a/src/views/epkg/TheDetail.vue
+++ b/src/views/epkg/TheDetail.vue
@@ -7,13 +7,13 @@ import { useMarkdown } from '@/composables/useMarkdown';
 import type { AppInfoT } from '@/@types/app';
 import { useLocale } from '@/composables/useLocale';
 import { useI18n } from 'vue-i18n';
-import { getDetails} from '@/api/api-domain';
+import { getDetails } from '@/api/api-domain';
 import AppFeedback from '@/components/AppFeedback.vue';
 import DetailHead from '../applicationsPackage/components/DetailNewHead.vue';
 import ExternalLink from '@/components/ExternalLink.vue';
 import DetailAside from '../applicationsPackage/components/DetailAside.vue';
-import { moreColumns} from '@/data/detail/index';
-import defaultImg from '@/assets/default.png';
+import { moreColumns } from '@/data/detail/index';
+import defaultImg from '@/assets/default-logo.png';
 
 type MaintainerT = {
   maintainerId: string;
@@ -74,9 +74,9 @@ onMounted(() => {
   queryEntity();
   getTitle();
 });
+const summary = ref();
 const getDetailValue = (data: any) => {
   basicInfo.value = [
-    { name: '简介', value: data.summary },
     { name: 'Description', value: data?.description },
     { name: '版本支持情况', value: data.osSupport },
     { name: '架构', value: data.arch },
@@ -85,6 +85,7 @@ const getDetailValue = (data: any) => {
     { name: 'Repo源', value: JSON.parse(data?.repoType).url, type: JSON.parse(data?.repoType).type },
   ];
   files.value = JSON.parse(data?.files);
+  summary.value = data.summary;
   moreMessge.value = [
     { name: 'Requires', value: JSON.parse(data?.requires || '') },
     { name: 'Provides', value: JSON.parse(data?.provides || '') },
@@ -133,13 +134,13 @@ const onExternalDialog = (href: string) => {
       <OBreadcrumbItem :to="breadcrumbInfo.path">{{ breadcrumbInfo.name }}</OBreadcrumbItem>
       <OBreadcrumbItem>{{ appData.name }} </OBreadcrumbItem>
     </OBreadcrumb>
-    <DetailHead :data="appData" :basicInfo="basicInfo" :maintainer="maintainer" />
+    <DetailHead :data="appData" :basicInfo="summary" :maintainer="maintainer" />
     <div class="detail-row">
       <div class="detail-row-main">
         <AppSection>
           <div class="title">
-            <p>基本信息</p>
-            <p>软件包版本号：{{ version }}</p>
+            <p>> 基本信息</p>
+            <p class="ver">版本号：{{ version }}</p>
           </div>
           <ul class="basic-info">
             <li v-for="item in basicInfo" :key="item.name">
@@ -155,17 +156,16 @@ const onExternalDialog = (href: string) => {
               <span class="markdown-body installation mymarkdown-body" v-dompurify-html="item.value" v-copy-code="true" v-else></span>
             </li>
           </ul>
-          <p class="sp">安装指引</p>
+          <p class="sp">> 安装指引</p>
           <div v-if="downloadData" v-dompurify-html="downloadData" v-copy-code="true" class="markdown-body download"></div>
           <div v-if="installation" v-dompurify-html="installation" v-copy-code="true" class="markdown-body installation"></div>
-          <p class="sp">更多信息</p>
-          <OTab variant="text" :line="false" class="domain-tabs">
+          <p class="sp">> 更多信息</p>
+          <OTab variant="text" :line="false" class="domain-tabs switch">
             <template v-for="item in moreMessge" :key="item">
-              <OTabPane class="tab-pane" v-if="item.value.length > 0" :label="item.name">
+              <OTabPane class="tab-pane switch" v-if="item.value.length > 0" :label="item.name">
                 <OTable :columns="moreColumns" :data="item.value"> </OTable>
               </OTabPane>
             </template>
-            <!-- <OTabPane label="Description">{{ description }}</OTabPane> -->
           </OTab>
         </AppSection>
         <ExternalLink v-if="showExternalDlg" :href="externalLink" @change="showExternalDlg = false" />
diff --git a/src/views/image/ImageContent.vue b/src/views/image/ImageContent.vue
index 7f3f506ba944a334324cde8cd9316c705bf27b58..eb2a1dd928d759ffe4a89979e6ecf011c0654dd8 100644
--- a/src/views/image/ImageContent.vue
+++ b/src/views/image/ImageContent.vue
@@ -1,12 +1,15 @@
 <script lang="ts" setup>
 import { ref, watch, computed, onMounted } from 'vue';
 import { OTag, OLink, OIcon } from '@opensig/opendesign';
-
 import { getSearchData } from '@/api/api-search';
 import { useRoute } from 'vue-router';
 import { getSearchAllFiled, getSearchAllColumn } from '@/api/api-domain';
 import { useI18n } from 'vue-i18n';
-import { ElPagination } from 'element-plus';
+import { useLocale } from '@/composables/useLocale';
+import { useViewStore } from '@/stores/common';
+import { ElPagination, ElConfigProvider } from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import English from 'element-plus/es/locale/lang/en';
 
 import FilterCheckbox from '@/components/filter/FilterCheckbox.vue';
 import IconOs from '~icons/pkg/icon-os.svg';
@@ -15,6 +18,7 @@ import IconCategory from '~icons/pkg/icon-category.svg';
 
 const route = useRoute();
 const { t } = useI18n();
+const { isZh } = useLocale();
 
 // 软件包-表头
 const columns = [
@@ -73,6 +77,7 @@ const querySearch = () => {
       pkgData.value = [];
       isLoading.value = false;
       isSearch.value = false;
+      useViewStore().showNotFound();
     });
 };
 
@@ -102,6 +107,7 @@ const queryAllpkg = () => {
     .catch(() => {
       pkgData.value = [];
       isLoading.value = false;
+      useViewStore().showNotFound();
     });
 };
 
@@ -185,7 +191,11 @@ const handleCurrentChange = (val: number) => {
   currentPage.value = val;
 };
 
+// 判断是否是搜索页
+const isPageSearch = ref(false);
+
 onMounted(() => {
+  isPageSearch.value = route.name === 'search';
   pageSearch();
   queryFilter();
 });
@@ -264,9 +274,9 @@ watch(
     </div>
 
     <div class="pkg-content">
-      <FilterHeader title="容器镜像" :isSort="false" @sort="changeTimeOrder" />
+      <FilterHeader title="容器镜像" :isSort="false" @sort="changeTimeOrder" :total="total" />
       <div v-if="isSearch || filterList.length > 0" class="search-result">
-        <p class="text">
+        <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
           >个
         </p>
@@ -277,22 +287,24 @@ watch(
           <OLink color="primary" class="resetting" @click="resetTag">{{ t('software.filterSider.clear') }}</OLink>
         </div>
       </div>
-      <ResultNotFound v-if="pkgData.length === 0 && isSearchError" />
-      <template v-else>
+      <ResultNotApp v-if="pkgData.length === 0 && isSearchError" />
+      <div class="pkg-panel" v-else>
         <OTableItemNew :data="pkgData" :columns="columns" :type="tabName" :loading="isLoading" />
         <div class="pagination-box">
-          <el-pagination
-            v-model:current-page="currentPage"
-            v-model:page-size="pageSize"
-            background
-            layout="sizes, prev, pager, next, jumper"
-            :total="total"
-            :page-sizes="pageSizes"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
+          <el-config-provider :locale="isZh ? zhCn : English">
+            <el-pagination
+              v-model:current-page="currentPage"
+              v-model:page-size="pageSize"
+              background
+              layout="sizes, prev, pager, next, jumper"
+              :total="total"
+              :page-sizes="pageSizes"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+            />
+          </el-config-provider>
         </div>
-      </template>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/views/image/TheDetail.vue b/src/views/image/TheDetail.vue
index 5fff77dcb9e87b2b4bd11ea690ce3061f3d3dcec..c94588791bf8aeb829b8992473f2e6508434aa64 100644
--- a/src/views/image/TheDetail.vue
+++ b/src/views/image/TheDetail.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref, onMounted } from 'vue';
-import { OBreadcrumb, OBreadcrumbItem, OTab, OTabPane } from '@opensig/opendesign';
+import { OBreadcrumb, OBreadcrumbItem, OTab, OTabPane,OTag } from '@opensig/opendesign';
 import { useRoute } from 'vue-router';
 import { useMarkdown } from '@/composables/useMarkdown';
 import type { AppInfoT } from '@/@types/app';
@@ -10,7 +10,7 @@ import { useLocale } from '@/composables/useLocale';
 import AppFeedback from '@/components/AppFeedback.vue';
 import DetailHead from '../applicationsPackage/components/DetailNewHead.vue';
 import DetailAside from '../applicationsPackage/components/DetailAside.vue';
-import defaultImg from '@/assets/default.png';
+import defaultImg from '@/assets/default-logo.png';
 import { columnTags, tabList } from '@/data/detail/index';
 type MaintainerT = {
   maintainerId: string;
@@ -71,22 +71,25 @@ onMounted(() => {
   getTitle();
 });
 const imageUsage = ref();
+const summary = ref();
+const latestOsSupport = ref();
 const getDetailValue = (data: any) => {
   basicInfo.value = [
-    { name: '简介', value: data.description || '' },
     { name: '架构', value: data.arch || '' },
     { name: '分类', value: data.category || '' },
     { name: 'License', value: data.license || '' },
     { name: 'Tag', value: data.appVer || '' },
     { name: '版本支持情况', value: data.osSupport || '' },
   ];
+  summary.value = data.description;
   appData.value.size = data.appSize || 0;
   maintainer.value = {
     maintainerId: data?.maintainerId || 'openEuler community',
     maintainerEmail: data?.maintainerEmail || OPENEULER_CONTACT,
     maintainerGiteeId: data?.maintainerGiteeId || 'openeuler-ci-bot',
   };
-  version.value = data?.version;
+  version.value = data?.appVer;
+  latestOsSupport.value = data.latestOsSupport;
   upStream.value = data?.upStream;
   security.value = data?.securityLevel;
   description.value = data?.description;
@@ -114,6 +117,12 @@ const getTitle = () => {
   breadcrumbInfo.value = { path: `/${locale.value}/image`, name: '容器镜像' };
 };
 const home = ref({ name: '软件市场', path: `/${locale.value}/` });
+
+// tags切换功能
+const isTags = ref(false);
+const onChange = (v: string) => {
+  isTags.value = v === 'Tags' ? true : false;
+};
 </script>
 
 <template>
@@ -123,37 +132,39 @@ const home = ref({ name: '软件市场', path: `/${locale.value}/` });
       <OBreadcrumbItem :to="breadcrumbInfo.path">{{ breadcrumbInfo.name }}</OBreadcrumbItem>
       <OBreadcrumbItem>{{ appData.name }} </OBreadcrumbItem>
     </OBreadcrumb>
-    <DetailHead :data="appData" :basicInfo="basicInfo" :maintainer="maintainer" />
+    <DetailHead :data="appData" :basicInfo="summary" :maintainer="maintainer" />
 
     <div class="detail-row">
-      <div class="detail-row-main">
+      <div class="detail-row-main" :class="{ tags: isTags }">
         <AppSection>
-          <OTab variant="text" @change="onChange" :line="false" class="domain-tabs" v-model="activeName">
+          <OTab variant="text" @change="onChange" :line="false" class="domain-tabs switch" v-model="activeName">
             <OTabPane class="tab-pane" v-for="item in tabList" :key="item" :label="item">
               <div v-if="item === '概览'">
                 <div class="title">
-                  <p>基本信息</p>
+                  <p>> 基本信息</p>
+                  <p class="ver">版本号：{{ version }}</p>
                 </div>
                 <ul class="basic-info">
                   <li v-for="item in basicInfo" :key="item.name">
                     <span class="label markdown download">{{ item.name }}</span>
                     <a :href="item.value" v-if="item.name === '所属仓库' || item.name === 'Repo源'" target="_blank">{{ item.type }}</a>
-                    <div class="markdown-body" v-dompurify-html="item.value" v-copy-code="true" v-else></div>
+                    <div class="markdown-body" v-dompurify-html="item.value" v-copy-code="true" v-else>
+                      <OTag v-if="item.name === '版本支持情况' && latestOsSupport" color="primary"> 最新版本</OTag>
+                    </div>
                   </li>
                 </ul>
-                <p class="sp">安装指引</p>
+                <p class="sp">> 安装指引</p>
                 <div v-if="imageUsage" v-dompurify-html="imageUsage" v-copy-code="true" class="markdown-body download"></div>
               </div>
               <div v-else>
-                <!-- <OTable :data="tagsValue" :columns="columns" /> -->
                 <OTableItemNew :data="tagsValue" :columns="columnTags" />
               </div>
             </OTabPane>
           </OTab>
         </AppSection>
-        <AppFeedback :email="maintainer.maintainerEmail" />
+        <AppFeedback v-if="!isTags" :email="maintainer.maintainerEmail" />
       </div>
-      <div class="detail-row-side">
+      <div v-if="!isTags" class="detail-row-side">
         <DetailAside :data="appData" :basicInfo="basicInfo" :maintainer="maintainer" :type="'IMAGE'" :downloadData="downloadData" />
       </div>
     </div>
@@ -163,5 +174,3 @@ const home = ref({ name: '软件市场', path: `/${locale.value}/` });
 <style lang="scss" scoped>
 @import '@/assets/style/detail/index.scss';
 </style>
-
-
diff --git a/src/views/package/RpmContent.vue b/src/views/package/RpmContent.vue
index 95f53e9c4fd696c987d67e01650aaf571ebc9bfc..ca645c3d964a46f6411a6e50ce20fa41bdbe8def 100644
--- a/src/views/package/RpmContent.vue
+++ b/src/views/package/RpmContent.vue
@@ -5,7 +5,11 @@ import { useI18n } from 'vue-i18n';
 import { getSearchData } from '@/api/api-search';
 import { useRoute } from 'vue-router';
 import { getSearchAllFiled } from '@/api/api-domain';
-import { ElPagination } from 'element-plus';
+import { useLocale } from '@/composables/useLocale';
+import { useViewStore } from '@/stores/common';
+import { ElPagination, ElConfigProvider } from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import English from 'element-plus/es/locale/lang/en';
 
 import FilterCheckbox from '@/components/filter/FilterCheckbox.vue';
 import IconOs from '~icons/pkg/icon-os.svg';
@@ -14,6 +18,7 @@ import IconCategory from '~icons/pkg/icon-category.svg';
 
 const route = useRoute();
 const { t } = useI18n();
+const { isZh } = useLocale();
 
 const columns = [
   { label: t('software.columns.name'), key: 'name', style: 'width:15%' },
@@ -73,6 +78,7 @@ const querySearch = () => {
       pkgData.value = [];
       isLoading.value = false;
       isSearch.value = false;
+      useViewStore().showNotFound();
     });
 };
 
@@ -101,6 +107,7 @@ const queryAllpkg = () => {
     .catch(() => {
       pkgData.value = [];
       isLoading.value = false;
+      useViewStore().showNotFound();
     });
 };
 
@@ -201,7 +208,12 @@ const handleCurrentChange = (val: number) => {
   currentPage.value = val;
 };
 
+// 判断是否是搜索页
+const isPageSearch = ref(false);
+
 onMounted(() => {
+  isPageSearch.value = route.name === 'search';
+
   queryFilter();
   pageSearch();
 });
@@ -282,9 +294,9 @@ watch(
     </div>
 
     <div class="pkg-content">
-      <FilterHeader title="RPM" @sort="changeTimeOrder" />
+      <FilterHeader title="RPM" @sort="changeTimeOrder" :total="total" />
       <div v-if="isSearch || searchArch.length > 0 || searchOs.length > 0 || searchCategory.length > 0" class="search-result">
-        <p class="text">
+        <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
           >个
         </p>
@@ -301,23 +313,25 @@ watch(
           >
         </div>
       </div>
-      <ResultNotFound v-if="pkgData.length === 0 && isSearchError" />
-      <template v-else>
+      <ResultNotApp v-if="pkgData.length === 0 && isSearchError" />
+      <div class="pkg-panel" v-else>
         <OTableItemNew :data="pkgData" :columns="columns" :type="tabName" :loading="isLoading" />
 
         <div class="pagination-box">
-          <el-pagination
-            v-model:current-page="currentPage"
-            v-model:page-size="pageSize"
-            background
-            layout="sizes, prev, pager, next, jumper"
-            :total="total"
-            :page-sizes="pageSizes"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
+          <el-config-provider :locale="isZh ? zhCn : English">
+            <el-pagination
+              v-model:current-page="currentPage"
+              v-model:page-size="pageSize"
+              background
+              layout="sizes, prev, pager, next, jumper"
+              :total="total"
+              :page-sizes="pageSizes"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+            />
+          </el-config-provider>
         </div>
-      </template>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/views/package/TheDetail.vue b/src/views/package/TheDetail.vue
index 43fbe869e59c15362731e87bdd8437f3c94b506f..6532f7afdc36ec666bd71d0364d486c0af230aca 100644
--- a/src/views/package/TheDetail.vue
+++ b/src/views/package/TheDetail.vue
@@ -1,18 +1,18 @@
 <script lang="ts" setup>
 import { ref, onMounted } from 'vue';
-import { OBreadcrumb, OBreadcrumbItem, OTab, OTabPane,OTable, OLink } from '@opensig/opendesign';
+import { OBreadcrumb, OBreadcrumbItem, OTab, OTabPane, OTable, OLink } from '@opensig/opendesign';
 import { OPENEULER_CONTACT } from '@/data/config';
 import { useRoute } from 'vue-router';
 import { useMarkdown } from '@/composables/useMarkdown';
 import type { AppInfoT } from '@/@types/app';
 import { useLocale } from '@/composables/useLocale';
 import { getDetails } from '@/api/api-domain';
-import defaultImg from '@/assets/default.png';
+import defaultImg from '@/assets/default-logo.png';
 import AppFeedback from '@/components/AppFeedback.vue';
 import DetailHead from '../applicationsPackage/components/DetailNewHead.vue';
 import DetailAside from '../applicationsPackage/components/DetailAside.vue';
 import ExternalLink from '@/components/ExternalLink.vue';
-import { moreColumns} from '@/data/detail/index';
+import { moreColumns } from '@/data/detail/index';
 type MaintainerT = {
   maintainerId: string;
   maintainerEmail: string;
@@ -67,9 +67,9 @@ onMounted(() => {
   queryEntity();
   getTitle();
 });
+const summary = ref();
 const getDetailValue = (data: any) => {
   basicInfo.value = [
-    { name: '简介', value: data.summary },
     { name: 'Description', value: data?.description },
     { name: '版本支持情况', value: data.osSupport },
     { name: '架构', value: data.arch },
@@ -77,6 +77,7 @@ const getDetailValue = (data: any) => {
     { name: '所属仓库', value: JSON.parse(data?.repo).url, type: JSON.parse(data?.repo).type },
     { name: 'Repo源', value: JSON.parse(data?.repoType).url, type: JSON.parse(data?.repoType).type },
   ];
+  summary.value = data.summary;
   moreMessge.value = [
     { name: 'Requires', value: JSON.parse(data?.requires || '') },
     { name: 'Provides', value: JSON.parse(data?.provides || '') },
@@ -125,14 +126,14 @@ const onExternalDialog = (href: string) => {
       <OBreadcrumbItem :to="breadcrumbInfo.path">{{ breadcrumbInfo.name }}</OBreadcrumbItem>
       <OBreadcrumbItem>{{ appData.name }} </OBreadcrumbItem>
     </OBreadcrumb>
-    <DetailHead :data="appData" :basicInfo="basicInfo" :maintainer="maintainer" />
+    <DetailHead :data="appData" :basicInfo="summary" :maintainer="maintainer" />
 
     <div class="detail-row">
       <div class="detail-row-main">
         <AppSection>
           <div class="title">
-            <p>基本信息</p>
-            <p>软件包版本号：{{ version }}</p>
+            <p>> 基本信息</p>
+            <p class="ver">版本号：{{ version }}</p>
           </div>
           <ul class="basic-info">
             <li v-for="item in basicInfo" :key="item.name">
@@ -148,10 +149,10 @@ const onExternalDialog = (href: string) => {
               <span class="markdown-body installation mymarkdown-body" v-dompurify-html="item.value" v-copy-code="true" v-else></span>
             </li>
           </ul>
-          <p class="sp">安装指引</p>
+          <p class="sp">> 安装指引</p>
           <div v-if="installation" v-dompurify-html="installation" v-copy-code="true" class="markdown-body installation"></div>
-          <p class="sp">更多信息</p>
-          <OTab variant="text" :line="false" class="domain-tabs">
+          <p class="sp">> 更多信息</p>
+          <OTab variant="text" :line="false" class="domain-tabs switch">
             <template v-for="item in moreMessge" :key="item">
               <OTabPane class="tab-pane" v-if="item.value.length > 0" :label="item.name">
                 <OTable :columns="moreColumns" :data="item.value" :small="true"> </OTable>
diff --git a/src/views/search/TheSearch.vue b/src/views/search/TheSearch.vue
index 0325c26a50ec13232d948d41ecd02a91bbc1427a..af896a485e1cac981fcb030c932b2e6aea54e10c 100644
--- a/src/views/search/TheSearch.vue
+++ b/src/views/search/TheSearch.vue
@@ -69,7 +69,7 @@ watch(
 <template>
   <div class="layout">
     <div class="home-header">
-      <SearchFilter />
+      <SearchFilter :show="false" />
       <SearchTab :menu="menuData" />
     </div>
   </div>
@@ -91,18 +91,25 @@ watch(
 
 <style lang="scss" scoped>
 .layout {
-  background: var(--o-color-primary1) url(@/assets/banner.jpg) no-repeat top center/cover;
+  background: var(--o-color-primary1) url(@/assets/banner/search-banner.jpg) no-repeat top center/cover;
   .home-header {
-    padding: 92px 0 0;
+    padding: 32px 0 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
-    height: 280px;
+    height: 140px;
+    :deep(.o-select) {
+      height: 40px;
+    }
+    :deep(.search-input) {
+      height: 40px;
+    }
   }
 
   :deep(.o-tab) {
     --tab-nav-anchor-color: #fff;
+    width: 800px;
     .o-tab-nav {
       line-height: 52px;
       --tab-nav-padding: 0;
diff --git a/src/views/upstream/UpstreamContent.vue b/src/views/upstream/UpstreamContent.vue
index 5237def432323cd4fe8b6fae0285eca6a94049e1..e68072ac72d71ee85a7da595e82e0b86138bf61a 100644
--- a/src/views/upstream/UpstreamContent.vue
+++ b/src/views/upstream/UpstreamContent.vue
@@ -5,13 +5,18 @@ import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { getUpstreamColumn, getUpstream } from '@/api/api-upstream';
 import { getSearchData } from '@/api/api-search';
-import { ElPagination } from 'element-plus';
+import { useLocale } from '@/composables/useLocale';
+import { useViewStore } from '@/stores/common';
+import { ElPagination, ElConfigProvider } from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import English from 'element-plus/es/locale/lang/en';
 
 import FilterRadio from '@/components/filter/FilterRadio.vue';
 import IconOs from '~icons/pkg/icon-os.svg';
 
 const route = useRoute();
 const { t } = useI18n();
+const { isZh } = useLocale();
 
 // 软件包-表头
 const columns = [
@@ -48,6 +53,7 @@ const queryAppVersion = () => {
     .catch(() => {
       appData.value = [];
       isLoading.value = false;
+      useViewStore().showNotFound();
     });
 };
 
@@ -82,6 +88,7 @@ const querySearch = () => {
     .catch(() => {
       appData.value = [];
       isLoading.value = false;
+      useViewStore().showNotFound();
     });
 };
 
@@ -135,7 +142,12 @@ const handleCurrentChange = (val: number) => {
   queryAppVersion();
 };
 
+// 判断是否是搜索页
+const isPageSearch = ref(false);
+
 onMounted(() => {
+  isPageSearch.value = route.name === 'search';
+
   pageSearch();
   queryFilter();
 });
@@ -187,9 +199,9 @@ watch(
       </FilterRadio>
     </div>
     <div class="pkg-content">
-      <FilterHeader title="应用名称" :isSort="false" @sort="changeTimeOrder" />
+      <FilterHeader title="应用名称" :isSort="false" @sort="changeTimeOrder" :total="total" />
       <div v-if="searchOs || isSearch" class="search-result">
-        <p class="text">
+        <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
           >个
         </p>
@@ -198,8 +210,8 @@ watch(
           <OLink v-if="searchOs" color="primary" class="resetting" @click="handleResettingTag">{{ t('software.filterSider.clear') }}</OLink>
         </div>
       </div>
-      <ResultNotFound v-if="appData.length === 0 && isSearchError" />
-      <template v-else>
+      <ResultNotApp v-if="appData.length === 0 && isSearchError" />
+      <div class="pkg-panel" v-else>
         <OTable :columns="columns" :data="appData" :loading="isLoading" border="row-column">
           <template #td_name="{ row }">
             <span v-dompurify-html="row.name"></span>
@@ -215,18 +227,20 @@ watch(
           </template>
         </OTable>
         <div class="pagination-box">
-          <el-pagination
-            v-model:current-page="currentPage"
-            v-model:page-size="pageSize"
-            background
-            layout="sizes, prev, pager, next, jumper"
-            :total="total"
-            :page-sizes="pageSizes"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
+          <el-config-provider :locale="isZh ? zhCn : English">
+            <el-pagination
+              v-model:current-page="currentPage"
+              v-model:page-size="pageSize"
+              background
+              layout="sizes, prev, pager, next, jumper"
+              :total="total"
+              :page-sizes="pageSizes"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+            />
+          </el-config-provider>
         </div>
-      </template>
+      </div>
     </div>
   </div>
 </template>