diff --git a/.prettierrc.cjs b/.prettierrc.cjs
index 3986355e6526f199c19b0c3ac7ad1d699b3518cc..0d4f123a63f92986397f69538169d05e019105d8 100644
--- a/.prettierrc.cjs
+++ b/.prettierrc.cjs
@@ -12,8 +12,8 @@ module.exports = {
     {
       files: '*.json',
       options: {
-        trailingComma: 'none',
-      },
-    },
-  ],
+        trailingComma: 'none'
+      }
+    }
+  ]
 }
diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs
index 574beef32ba7eb853ac7be74f64ad96ce0378250..03013fa491864cc5e426ddcf889586d93f3f84c7 100644
--- a/.stylelintrc.cjs
+++ b/.stylelintrc.cjs
@@ -9,19 +9,19 @@ module.exports = {
     'stylelint-config-recommended-scss',
     'stylelint-config-recommended-vue/scss',
     'stylelint-config-html/vue',
-    'stylelint-config-recess-order',
+    'stylelint-config-recess-order'
   ],
   plugins: ['stylelint-prettier'],
   overrides: [
     // 扫描 .vue/html 文件中的<style>标签内的样式
     {
       files: ['**/*.{vue,html}'],
-      customSyntax: 'postcss-html',
+      customSyntax: 'postcss-html'
     },
     {
       files: ['**/*.{css,scss}'],
-      customSyntax: 'postcss-scss',
-    },
+      customSyntax: 'postcss-scss'
+    }
   ],
   // 自定义规则
   rules: {
@@ -30,21 +30,21 @@ module.exports = {
     'selector-pseudo-class-no-unknown': [
       true,
       {
-        ignorePseudoClasses: ['global', 'export', 'v-deep', 'deep'],
-      },
+        ignorePseudoClasses: ['global', 'export', 'v-deep', 'deep']
+      }
     ],
     'unit-no-unknown': [
       true,
       {
-        ignoreUnits: ['rpx'],
-      },
+        ignoreUnits: ['rpx']
+      }
     ],
     // 处理小程序page标签不认识的问题
     'selector-type-no-unknown': [
       true,
       {
-        ignoreTypes: ['page'],
-      },
+        ignoreTypes: ['page', '/^uni-/']
+      }
     ],
     'comment-empty-line-before': 'never', // never|always|always-multi-line|never-multi-line
     'custom-property-empty-line-before': 'never',
@@ -53,6 +53,6 @@ module.exports = {
     'no-duplicate-selectors': null,
     'scss/comment-no-empty': null,
     'selector-class-pattern': null,
-    'font-family-no-missing-generic-family-keyword': null,
-  },
+    'font-family-no-missing-generic-family-keyword': null
+  }
 }
diff --git a/src/pages.json b/src/pages.json
index 03729c9cda7ffb6bbd788d9319e0c4e3803d3a13..2479eed0fdc0e3cdf2fcd4ebd552390c8b848b64 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -95,7 +95,8 @@
       "type": "page",
       "style": {
         "navigationBarTitleText": "忘记密码"
-      }
+      },
+      "needLogin": false
     },
     {
       "path": "pages/login/index",
@@ -103,21 +104,24 @@
       "style": {
         "navigationStyle": "custom",
         "navigationBarTitleText": "登录页面"
-      }
+      },
+      "needLogin": false
     },
     {
       "path": "pages/login/phoneIndex",
       "type": "page",
       "style": {
         "navigationBarTitleText": ""
-      }
+      },
+      "needLogin": false
     },
     {
       "path": "pages/login/registerCode",
       "type": "page",
       "style": {
         "navigationBarTitleText": "获取验证码"
-      }
+      },
+      "needLogin": false
     },
     {
       "path": "pages/message/index",
@@ -171,6 +175,14 @@
         "navigationBarTitleText": "用户管理"
       }
     },
+    {
+      "path": "pages/user/show",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationBarTitleText": "用户详情"
+      }
+    },
     {
       "path": "pages/colab/detail/index",
       "type": "page",
diff --git a/src/pages/login/forget.vue b/src/pages/login/forget.vue
index 7b643f65b303d2e924c4778fc99e34a77e614cf5..0b815cea59c1959ee94c395e9f42da1e0f6e3595 100644
--- a/src/pages/login/forget.vue
+++ b/src/pages/login/forget.vue
@@ -2,7 +2,8 @@
 {
   style: {
     navigationBarTitleText: '忘记密码'
-  }
+  },
+  needLogin: false
 }
 </route>
 
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 9b39dec6d9b9ffb67606f7db4290313707a39553..3c33792ef3a78f4c3f41e34028ba442e6adf729a 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -3,7 +3,8 @@
   style: {
     navigationStyle: 'custom',
     navigationBarTitleText: '登录页面'
-  }
+  },
+  needLogin: false
 }
 </route>
 
diff --git a/src/pages/login/phoneIndex.vue b/src/pages/login/phoneIndex.vue
index 2f7f99d08bd0d3e6ef6275df11e52143a41fe4ab..ac40601c83085b397c56f84d8442b503dbaaefda 100644
--- a/src/pages/login/phoneIndex.vue
+++ b/src/pages/login/phoneIndex.vue
@@ -2,7 +2,8 @@
 {
   style: {
     navigationBarTitleText: ''
-  }
+  },
+  needLogin: false
 }
 </route>
 
diff --git a/src/pages/login/registerCode.vue b/src/pages/login/registerCode.vue
index 065ccdf81a10d8816aacb144940055ef0ffafdc1..dada36bb38ed9e997d80e8de40d45112a1b55442 100644
--- a/src/pages/login/registerCode.vue
+++ b/src/pages/login/registerCode.vue
@@ -2,7 +2,8 @@
 {
   style: {
     navigationBarTitleText: '获取验证码'
-  }
+  },
+  needLogin: false
 }
 </route>
 
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index be440a1de84a00ebace6daf08a3216e31878c4c0..be37595bb3645f1319870118c9ecf1d30440c5d2 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -13,26 +13,48 @@
       <wd-search
         v-model="keyword"
         :maxlength="20"
-        cancel-txt="搜索"
         class="!w-[100vw] mb-3"
         @clear="getUserList"
         @focus="getUserList"
         @search="getUserList"
-      />
+      >
+        <template #suffix>
+          <view
+            class="px-5 bg-white flex items-center justify-center"
+            @click="showFilter"
+          >
+            <wd-icon
+              name="filter"
+              size="22px"
+              custom-style="filter-custom-style"
+            />
+          </view>
+        </template>
+      </wd-search>
     </wd-sticky>
     <wd-card
       v-for="user in userList"
       :key="user.id"
       :title="`${user.username}-【${user.job}】`"
+      custom-title-class="!py-0 !mb-3 !text-3.5"
+      custom-footer-class="!py-0"
+      @click="toUserDetail(user)"
     >
       <view class="flex gap-3 items-center">
         <wd-img
+          v-if="user.avatar"
           :src="user.avatar"
-          width="64"
-          height="64"
           :round="true"
+          width="42"
+          height="42"
           class="flex-none"
         />
+        <view
+          v-else
+          class="w-10.5 h-10.5 rounded-50% bg-gray-3 flex items-center justify-center text-5"
+        >
+          {{ user.username.charAt(0) }}
+        </view>
 
         <view class="flex flex-col">
           <wd-text :text="user.tel" prefix="电话：" :lines="1" />
@@ -40,51 +62,49 @@
           <wd-text :text="user.deptInfo" prefix="部门：" :lines="1" />
         </view>
       </view>
-      <template #footer>
-        <view>
-          <wd-button size="small" icon="edit" class="mr-1">编辑</wd-button>
-          <wd-button size="small" icon="delete" plain type="error"
-            >删除</wd-button
-          >
-        </view>
-      </template>
     </wd-card>
-    <wd-loadmore :state="loadmoreState" @reload="getUserList" />
+    <wd-loadmore :state="loadMoreState" @reload="getUserList" />
   </view>
 </template>
 
 <script lang="ts" setup>
   import { getList, UserVO } from '@/service/user/UserApi'
+  import { LoadMoreState } from '@/types/enums'
 
   const keyword = ref()
-  // TODO @xiaohong：loadMoreState，拼写错误哈。另外，'loading' | 'finished' | 'error' 可以枚举起来哇。
-  const loadmoreState = ref<'loading' | 'finished' | 'error'>('loading')
+  const loadMoreState = ref(LoadMoreState.loading)
   const totalCount = ref(0)
   const userList = ref<UserVO[]>([])
-  // TODO @xiaohong：搞成 /** */ 这种注释哈。。代码行尽量少点
-  /*
-   *@Description: 获取用户列表
-   *@MethodAuthor: xiaohong
-   *@Date: 2024-11-27 19:37:39
-   */
+
+  // 获取用户列表
   async function getUserList() {
     try {
       const { data, total } = await getList()
       totalCount.value = total
       userList.value = userList.value.concat(data)
       if (userList.value.length === totalCount.value) {
-        loadmoreState.value = 'finished'
+        loadMoreState.value = LoadMoreState.finished
       } else {
-        loadmoreState.value = 'loading'
+        loadMoreState.value = LoadMoreState.loading
       }
     } catch (error) {
-      loadmoreState.value = 'error'
+      loadMoreState.value = LoadMoreState.error
     }
   }
 
+  // 筛选
+  function showFilter() {}
+
+  // 跳转到用户详情
+  function toUserDetail(user: UserVO) {
+    uni.navigateTo({
+      url: '/pages/user/show'
+    })
+  }
+
   onReachBottom(() => {
     if (userList.value.length >= totalCount.value) {
-      loadmoreState.value = 'finished'
+      loadMoreState.value = LoadMoreState.finished
     } else {
       getUserList()
     }
@@ -96,5 +116,10 @@
 </script>
 
 <style lang="scss" scoped>
-  //
+  :deep(.wd-text.is-default) {
+    font-size: 12px;
+    uni-text {
+      color: var(--wot-search-cancel-color, rgba(0, 0, 0, 0.65));
+    }
+  }
 </style>
diff --git a/src/pages/user/show.vue b/src/pages/user/show.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f7b5f4b017658ba959ba6ed57c8efe0f545c1edb
--- /dev/null
+++ b/src/pages/user/show.vue
@@ -0,0 +1,20 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationBarTitleText: '用户详情'
+  }
+}
+</route>
+
+<template>
+  <view class=""></view>
+</template>
+
+<script lang="ts" setup>
+  //
+</script>
+
+<style lang="scss" scoped>
+  //
+</style>
diff --git a/src/style/index.scss b/src/style/index.scss
index bdb75539c39e617c3050af1d7a1259d7876d542a..70edc2202d64ed6c94e98f8cbf4a4eafc0a64082 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -21,4 +21,7 @@ page {
   //
   --wot-search-light-bg: #f2f3f7;
   --wot-search-input-radius: 5px;
+
+  // card
+  --wot-card-padding: 12px;
 }
diff --git a/src/types/auto-import.d.ts b/src/types/auto-import.d.ts
index 255cb5bea51b9d225f751de2359909feda8eeb3b..b5c1bff877f014e494ae747f7294a66d162849e9 100644
--- a/src/types/auto-import.d.ts
+++ b/src/types/auto-import.d.ts
@@ -94,7 +94,7 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }
 // for vue template auto import
@@ -156,6 +156,7 @@ declare module 'vue' {
     readonly onUnload: UnwrapRef<typeof import('@dcloudio/uni-app')['onUnload']>
     readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly onWatcherCleanup: UnwrapRef<typeof import('vue')['onWatcherCleanup']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
     readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
     readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
@@ -173,91 +174,11 @@ declare module 'vue' {
     readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
     readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
     readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useId: UnwrapRef<typeof import('vue')['useId']>
+    readonly useModel: UnwrapRef<typeof import('vue')['useModel']>
     readonly useRequest: UnwrapRef<typeof import('../hooks/useRequest')['default']>
     readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
-    readonly useUpload: UnwrapRef<typeof import('../hooks/useUpload')['default']>
-    readonly watch: UnwrapRef<typeof import('vue')['watch']>
-    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
-    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
-    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
-  }
-}
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {}
-  interface ComponentCustomProperties {
-    readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly computed: UnwrapRef<typeof import('vue')['computed']>
-    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
-    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
-    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
-    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
-    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
-    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
-    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
-    readonly h: UnwrapRef<typeof import('vue')['h']>
-    readonly inject: UnwrapRef<typeof import('vue')['inject']>
-    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
-    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
-    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
-    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
-    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
-    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
-    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
-    readonly onAddToFavorites: UnwrapRef<typeof import('@dcloudio/uni-app')['onAddToFavorites']>
-    readonly onBackPress: UnwrapRef<typeof import('@dcloudio/uni-app')['onBackPress']>
-    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
-    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
-    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
-    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
-    readonly onError: UnwrapRef<typeof import('@dcloudio/uni-app')['onError']>
-    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
-    readonly onHide: UnwrapRef<typeof import('@dcloudio/uni-app')['onHide']>
-    readonly onLaunch: UnwrapRef<typeof import('@dcloudio/uni-app')['onLaunch']>
-    readonly onLoad: UnwrapRef<typeof import('@dcloudio/uni-app')['onLoad']>
-    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
-    readonly onNavigationBarButtonTap: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarButtonTap']>
-    readonly onNavigationBarSearchInputChanged: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputChanged']>
-    readonly onNavigationBarSearchInputClicked: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputClicked']>
-    readonly onNavigationBarSearchInputConfirmed: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputConfirmed']>
-    readonly onNavigationBarSearchInputFocusChanged: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputFocusChanged']>
-    readonly onPageNotFound: UnwrapRef<typeof import('@dcloudio/uni-app')['onPageNotFound']>
-    readonly onPageScroll: UnwrapRef<typeof import('@dcloudio/uni-app')['onPageScroll']>
-    readonly onPullDownRefresh: UnwrapRef<typeof import('@dcloudio/uni-app')['onPullDownRefresh']>
-    readonly onReachBottom: UnwrapRef<typeof import('@dcloudio/uni-app')['onReachBottom']>
-    readonly onReady: UnwrapRef<typeof import('@dcloudio/uni-app')['onReady']>
-    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
-    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
-    readonly onResize: UnwrapRef<typeof import('@dcloudio/uni-app')['onResize']>
-    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
-    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
-    readonly onShareAppMessage: UnwrapRef<typeof import('@dcloudio/uni-app')['onShareAppMessage']>
-    readonly onShareTimeline: UnwrapRef<typeof import('@dcloudio/uni-app')['onShareTimeline']>
-    readonly onShow: UnwrapRef<typeof import('@dcloudio/uni-app')['onShow']>
-    readonly onTabItemTap: UnwrapRef<typeof import('@dcloudio/uni-app')['onTabItemTap']>
-    readonly onThemeChange: UnwrapRef<typeof import('@dcloudio/uni-app')['onThemeChange']>
-    readonly onUnhandledRejection: UnwrapRef<typeof import('@dcloudio/uni-app')['onUnhandledRejection']>
-    readonly onUnload: UnwrapRef<typeof import('@dcloudio/uni-app')['onUnload']>
-    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
-    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
-    readonly provide: UnwrapRef<typeof import('vue')['provide']>
-    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
-    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
-    readonly ref: UnwrapRef<typeof import('vue')['ref']>
-    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
-    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
-    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
-    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
-    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
-    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
-    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
-    readonly toValue: UnwrapRef<typeof import('vue')['toValue']>
-    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
-    readonly unref: UnwrapRef<typeof import('vue')['unref']>
-    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
-    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
-    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
-    readonly useRequest: UnwrapRef<typeof import('../hooks/useRequest')['default']>
-    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly useTemplateRef: UnwrapRef<typeof import('vue')['useTemplateRef']>
     readonly useUpload: UnwrapRef<typeof import('../hooks/useUpload')['default']>
     readonly watch: UnwrapRef<typeof import('vue')['watch']>
     readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
diff --git a/src/types/enums.ts b/src/types/enums.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d3ac8f2e8d497984532d13820cdeca0a9d154b25
--- /dev/null
+++ b/src/types/enums.ts
@@ -0,0 +1,5 @@
+export enum LoadMoreState {
+  loading = 'loading',
+  finished = 'finished',
+  error = 'error'
+}
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index 08b9b57a4a79d673bf5744452525706973e8ad98..e8bce39991e2683c103fbf4d1f451a5638663661 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -20,6 +20,7 @@ interface NavigateToOptions {
        "/pages/role/index" |
        "/pages/role/show" |
        "/pages/user/index" |
+       "/pages/user/show" |
        "/pages/colab/detail/index" |
        "/pages/my/contact-service/index" |
        "/pages/my/helper/index" |
diff --git a/src/utils/index.ts b/src/utils/index.ts
index dca155660ad5638219e3456b8a7dbba40f15d7c7..7f6f8079a4792703dcc8a54da4c7d3f90bf7c16d 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,6 +1,6 @@
 import { pages, subPackages, tabBar } from '@/pages.json'
 import { isMp } from './platform'
-import { debug } from '@uni-helper/vite-plugin-uni-pages'
+import { isEmpty } from '@/utils/is'
 
 const getLastPage = () => {
   // getCurrentPages() 至少有1个元素，所以不再额外判断
@@ -82,11 +82,7 @@ export const getAllPages = (key = 'needLogin') => {
   // 这里处理主包
   const mainPages = [
     ...pages
-      .filter((page) => {
-        // TODO @xiaohong：为啥这里要特殊判断呀。
-        if (page.path.includes('login')) return false
-        return !!key || page[key]
-      })
+      .filter((page) => (isEmpty(page[key]) ? !!key : page[key]))
       .map((page) => ({
         ...page,
         path: `/${page.path}`
@@ -99,11 +95,7 @@ export const getAllPages = (key = 'needLogin') => {
     const { root } = subPageObj
 
     subPageObj.pages
-      .filter((page) => {
-        // TODO @xiaohong：为啥这里要特殊判断呀。
-        if (page.path.includes('login')) return false
-        return !!key || page[key]
-      })
+      .filter((page) => (isEmpty(page[key]) ? !!key : page[key]))
       .forEach((page: { path: string } & Record<string, any>) => {
         subPages.push({
           ...page,