更新发布v1.2.2版本

手机端支付修改为桌面支付方式
调整帮助中心移动端文档布局
2026-03-11 17:34:21 +08:00 · 2026-03-11 17:29:29 +08:00 · 2026-03-10 17:15:30 +08:00 · 2026-03-10 17:06:54 +08:00 · 2026-03-03 15:47:34 +08:00 · 2026-03-03 14:28:53 +08:00
18 changed files with 383 additions and 95 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -7,4 +7,7 @@
    "[json]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
+    "[typescriptreact]": {
+        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    },
 }
--- a/README.md
+++ b/README.md
@@ -16,31 +16,122 @@

 业务定制页面每月需求用量，可选项需要确认是否合理

-页头高度降低
-
 帮助中心文档优化

-考虑重新组织导航栏
- 产品购买
- 提取 IP
- 业务场景
- 帮助中心
- 大客户定制
-
 购买与提取手机端优化，尽量一页展示全部

 全部替换封装时间范围组件，检查结束时间字段手机端适配问题（需要尾部对齐）

-迁移到 tanstack form
-
-页尾链接完善跳转地址
-
 树组件优化

-### 架构改进
+## 目录结构
+
+```
+├── node_modules/       # 项目依赖包
+├── public/             # 静态资源（如 favicon、图片等，可直接通过根路径访问）
+├── src/                # 源代码目录
+│   ├── actions/        # 服务端操作或 API 逻辑（如 Server Actions）
+│   ├── app/            # Next.js 13+ App Router 目录，存放页面、布局、路由等
+|   |  ├── (api)/       # API 路由目录
+|   |  ├── (auth)/      # 认证相关页面
+|   |  ├── (home)/      # 首页模块
+|   |  ├── admin/       # 管理后台模块
+|   |       ├── effects.tsx           # 全局副作用/状态管理（如 Redux、SWR 初始化）
+|   |       ├── favicon.ico           # 网站图标
+|   |       ├── globals.css           # 全局样式
+|   |       └── layout.tsx            # 根布局组件（所有页面共享的布局结构）
+|   | 
+│   ├── assets/         # 项目资源文件（如图片、字体、样式等）
+│   ├── components/     # 可复用的 React 组件
+│   ├── lib/            # 工具函数、配置、服务等
+│   ├── mdx-components.tsx # MDX 组件配置
+│   └── proxy.ts        # 代理配置（如 API 代理）
+├── .dockerignore       # Docker 忽略文件
+├── .env                # 环境变量文件
+├── .gitignore          # Git 忽略文件
+├── .npmrc              # npm 配置
+├── bun.lock            # Bun 包管理器锁文件
+├── components.json     # 组件库配置（如 shadcn/ui）
+├── Dockerfile          # Docker 构建配置
+├── eslint.config.mjs   # ESLint 代码检查配置
+├── next-env.d.ts       # Next.js 类型声明
+├── next.config.ts      # Next.js 配置文件
+├── package.json        # 项目依赖和脚本
+├── postcss.config.mjs  # PostCSS 配置
+├── publish.ps1         # PowerShell 发布脚本
+├── README.md           # 项目说明文档
+└── tsconfig.json       # TypeScript 配置
+```
+
+## 技术栈
+| 类别 | 场景/库名 | 推荐方案/用途 |
+| :--- | :--- | :--- |
+| **状态管理** | 简单跨组件通信 | React Context |
+| | 复杂全局状态 | Zustand + persist |
+| | 服务端状态 | TanStack Query |
+| | 表单状态 | React Hook Form |
+| | 路由状态 | Next.js 内置 (useSearchParams, useParams) |
+| **核心框架** | Next.js | 服务框架 (React 全栈框架) |
+| **UI / 样式体系** | shadcn/ui | UI 组件库 |
+| | Radix UI | 无样式基础 UI 组件原语 |
+| | Tailwind CSS | CSS 框架 (原子化 CSS) |
+| | lucide-react | 图标库 |
+| **表单与数据验证** | React Hook Form | 表单状态管理及验证 |
+| | Zod | 数据验证与类型推断 |
+| **数据管理与通信** | Zustand | 全局状态管理库 |
+| | TanStack Query | 服务端状态管理 (数据请求、缓存) |
+| | TanStack Table | 无头 UI 表格库 |
+| **图表可视化** | Recharts | 图表库 |
+| **工具库** | date-fns | 日期时间处理库 |
+| | qrcode | QR 码生成库 |
+
+## 搭建开发环境
+
+项目基于 bun 运行，bun 是一个 typescript 原生的运行时环境，用于代替 nodejs，可以带来更高的性能提升。
+
+1. 拉取项目：`git clone https://43.226.58.254:53000/lanhu/web`
+2. 安装依赖包：`bun install`
+3. 创建环境变量文件 .env，复制 .env.example 中的内容到 .env，并根据实际情况修改
+4. 运行项目 `bun run dev`
+
+## 构建项目 & 版本管理
+
+1. 在 package.json 文件中修改版本号
+2. 构建并上传镜像, 终端运行 `./publish.ps1 <版本号>`
+3. 终端执行成功后在 `https://43.226.58.254:53000/lanhu/web` 发布最新版本
+
+生产环境的项目部署通过单独的部署脚本进行管理，前端开发上线只需要构建以及发布版本，无需考虑部署问题。
+
+## 开发规范 & 主要业务逻辑
+
+原型图：https://lanhuapp.com/link/#/invite?sid=lxgnSyga    
+
+### 快速创建前台新页面
+
+wrap.tsx ：新页面间距复用组件
+page.tsx：新页面统一布局
+stores：共享状态组件
+
+### 数据流与状态管理： 组件间通信方式
+
+- 通信方式：Props 父传子 / 回调函数 子传父 / Context 跨组件 useContext() / Zustand Store 全局状态管理useStore() / URL 参数 页面间状态共享 useSearchParams()
+路由与导航: 路由使用的Next.js App Router 架构 Server Actions  实现。
+
+### 认证与权限控制：登录流程-路由守卫(中间件)
+
+### 支付流程实现： 支付二维码生成
+
+### SSE 支付状态监听
+
+## 注意事项
+
+- 图片使用 Next.js Image 组件自动优化
+- 动态导入 (next/dynamic) 实现纯客户端组件
+
+
+
+
+

-考虑使用 swr 或 react query 来代替直接的服务端 react cache 缓存以及客户端 zustand 缓存，以将服务端请求的数据能够水合到客户端，避免重复请求

-### 需要确认

-页面内操作是否需要关联到 url 上，以在使用后退功能时返回到上一次操作
--- a/bun.lock
+++ b/bun.lock
@@ -45,6 +45,7 @@
        "sonner": "^2.0.7",
        "tailwind-merge": "^3.4.0",
        "tailwindcss-animate": "^1.0.7",
+        "vaul": "^1.1.2",
        "zod": "^3.25.76",
        "zustand": "^5.0.9",
      },
@@ -1399,6 +1400,8 @@

    "util-deprecate": ["util-deprecate@1.0.2", "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],

+    "vaul": ["vaul@1.1.2", "https://registry.npmmirror.com/vaul/-/vaul-1.1.2.tgz", { "dependencies": { "@radix-ui/react-dialog": "^1.1.1" }, "peerDependencies": { "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA=="],
+
    "vfile": ["vfile@6.0.3", "https://registry.npmmirror.com/vfile/-/vfile-6.0.3.tgz", { "dependencies": { "@types/unist": "^3.0.0", "vfile-message": "^4.0.0" } }, "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q=="],

    "vfile-message": ["vfile-message@4.0.3", "https://registry.npmmirror.com/vfile-message/-/vfile-message-4.0.3.tgz", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw=="],
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "lanhu-web",
-  "version": "1.1.1",
+  "version": "1.2.2",
  "private": true,
  "scripts": {
    "dev": "next dev -H 0.0.0.0 --turbopack",
@@ -51,6 +51,7 @@
    "sonner": "^2.0.7",
    "tailwind-merge": "^3.4.0",
    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2",
    "zod": "^3.25.76",
    "zustand": "^5.0.9"
  },
--- a/publish.ps1
+++ b/publish.ps1
@@ -0,0 +1,16 @@
+if (-not $args) {
+    Write-Error "需要指定版本号"
+    exit 1
+}
+
+$confrim = Read-Host "构建版本为 [web:$($args[0])]，是否继续？(y/n)"
+if ($confrim -ne "y") {
+    Write-Host "已取消构建"
+    exit 0
+}
+
+docker build -t 43.226.58.254:53000/lanhu/web:latest .
+docker build -t 43.226.58.254:53000/lanhu/web:$($args[0]) .
+
+docker push 43.226.58.254:53000/lanhu/web:latest
+docker push 43.226.58.254:53000/lanhu/web:$($args[0])
--- a/src/app/(home)/(index)/articles-section.tsx
+++ b/src/app/(home)/(index)/articles-section.tsx
@@ -11,21 +11,21 @@ export function ArticlesSection() {
          icon={<BookOpen className="w-12 h-12"/>}
          title="浏览器设置代理教程"
          description="快速上手，5分钟学会在浏览器中配置代理服务器"
-          href="/docs/client/browser-proxy"
+          href="/docs/browser-proxy"
        />

        <ArticleCard
          icon={<Smartphone className="w-12 h-12"/>}
          title="Windows10 代理配置"
          description="详细图文教程，帮助你在 Windows 系统中设置代理"
-          href="/docs/client/windows10-proxy"
+          href="/docs/windows10-proxy"
        />

        <ArticleCard
          icon={<HelpCircle className="w-12 h-12"/>}
          title="常见问题总览"
          description="解决使用过程中遇到的各类问题，快速找到答案"
-          href="/docs/faqs/faq-general"
+          href="/docs/faq-general"
        />
      </div>
    </PageSection>
--- a/src/app/(home)/docs/layout.tsx
+++ b/src/app/(home)/docs/layout.tsx
@@ -2,15 +2,15 @@ import Wrap from '@/components/wrap'
 import {Children} from '@/lib/utils'
 import Sidebar from './sidebar'
 import HomePage from '@/components/home/page'
+import SidebarDrawer from './sidebar-drawer'

 export default function DocsLayout(props: Children) {
  return (
-    <HomePage path={[
-      {label: '帮助中心', href: '/docs'},
-    ]}>
-      <Wrap className="flex gap-3">
-        <Sidebar/>
-        <div className="flex-1 bg-white  rounded-lg p-6 min-h-[420px]">
+    <HomePage path={[{label: '帮助中心', href: '/docs'}]}>
+      <Wrap className="flex gap-3 flex-col md:flex-row">
+        <SidebarDrawer/>
+        <Sidebar className="hidden md:block w-68"/>
+        <div className="flex-1 bg-white rounded-lg p-4 md:p-6 min-h-[420px]">
          {props.children}
        </div>
      </Wrap>
--- a/src/app/(home)/docs/page.tsx
+++ b/src/app/(home)/docs/page.tsx
@@ -1,5 +1,8 @@
 export default function DocsIndexPage() {
  return (
-    <div></div>
+    <div className="text-center text-slate-500 py-12">
+      <p className="text-lg">欢迎来到帮助中心</p>
+      <p className="text-sm mt-2">请从左侧目录选择需要查看的文档</p>
+    </div>
  )
 }
--- a/src/app/(home)/docs/sidebar-drawer.tsx
+++ b/src/app/(home)/docs/sidebar-drawer.tsx
@@ -0,0 +1,37 @@
+'use client'
+import {useState} from 'react'
+import {Menu} from 'lucide-react'
+import {
+  Drawer,
+  DrawerContent,
+  DrawerTrigger,
+} from '@/components/ui/drawer'
+import Sidebar from './sidebar'
+
+export default function SidebarDrawer() {
+  const [open, setOpen] = useState(false)
+
+  return (
+    <div className="md:hidden flex items-center justify-between bg-white rounded-lg p-3">
+      <span className="font-medium text-slate-900">帮助中心</span>
+      <Drawer open={open} onOpenChange={setOpen}>
+        <DrawerTrigger asChild>
+          <button className="flex items-center gap-2 text-slate-600 hover:text-slate-900 p-1">
+            <Menu size={20}/>
+            <span className="text-sm">目录</span>
+          </button>
+        </DrawerTrigger>
+        <DrawerContent>
+          <div className="mx-auto w-full max-w-sm">
+            <div className="px-4 py-3 border-b">
+              <h3 className="text-lg font-semibold text-slate-900">帮助中心</h3>
+            </div>
+            <div className="px-2 py-2 max-h-[70vh] overflow-y-auto">
+              <Sidebar onClose={() => setOpen(false)}/>
+            </div>
+          </div>
+        </DrawerContent>
+      </Drawer>
+    </div>
+  )
+}
--- a/src/app/(home)/docs/sidebar.tsx
+++ b/src/app/(home)/docs/sidebar.tsx
@@ -3,10 +3,7 @@ import {useState, useMemo, useCallback} from 'react'
 import Link from 'next/link'
 import {usePathname} from 'next/navigation'
 import {ChevronRight} from 'lucide-react'
-
-type Props = {
-  collapsed?: boolean
-}
+import {merge} from '@/lib/utils'

 // 菜单配置
 const MENU_ITEMS = [
@@ -58,7 +55,12 @@ const MENU_ITEMS = [
  },
 ]

-export default function Sidebar({collapsed = false}: Props) {
+type Props = {
+  className?: string
+  onClose?: () => void
+}
+
+export default function Sidebar({className, onClose}: Props) {
  const pathname = usePathname()

  // 获取当前文档 key
@@ -100,9 +102,7 @@ export default function Sidebar({collapsed = false}: Props) {

  return (
    <aside
-      className={`bg-white rounded-lg p-3 transition-all duration-200 shrink-0 ${
-        collapsed ? 'w-20' : 'w-68'
-      }`}
+      className={merge(`bg-white rounded-lg p-3 transition-all duration-200 shrink-0`, className)}
    >
      <nav className="space-y-2">
        {MENU_ITEMS.map(section => (
@@ -110,9 +110,7 @@ export default function Sidebar({collapsed = false}: Props) {
            <div
              onClick={() => toggleGroup(section.group)}
              className={`flex items-center gap-2 cursor-pointer px-3 py-2 rounded-sm transition-colors ${
-                finalExpandedGroups[section.group] && !collapsed
-                  ? 'bg-blue-50'
-                  : 'hover:bg-slate-50'
+                finalExpandedGroups[section.group] && 'bg-blue-50'
              }`}
            >
              <div
@@ -123,15 +121,13 @@ export default function Sidebar({collapsed = false}: Props) {
                <ChevronRight size={16}/>
              </div>

-              {!collapsed && (
              <div className="text-lg font-semibold text-slate-900">
                {section.group}
              </div>
-              )}
            </div>

            {finalExpandedGroups[section.group] && (
-              <ul className={`mt-1 text-base ${collapsed ? 'hidden' : 'block'}`}>
+              <ul className="mt-1 text-base">
                {section.items.map((item) => {
                  const isActive = currentKey === item.key
                  const href = getItemHref(item.key)
@@ -140,6 +136,7 @@ export default function Sidebar({collapsed = false}: Props) {
                    <li key={item.key}>
                      <Link
                        href={href}
+                        onClick={() => onClose?.()}
                        className={`block pl-8 py-2 text-base cursor-pointer transition-colors ${
                          isActive
                            ? 'bg-blue-50 font-semibold'
--- a/src/app/(home)/footer.tsx
+++ b/src/app/(home)/footer.tsx
@@ -41,7 +41,7 @@ export default function Footer(props: FooterProps) {
            items={[
              {name: `产品订购`, href: `/product`},
              {name: `获取代理`, href: `/collect`},
-              {name: `帮助中心`, href: `/docs/faqs/faq-general`},
+              {name: `帮助中心`, href: `/docs/faq-general`},
              {name: `企业服务`, href: `/custom`},
            ]}
          />
@@ -69,9 +69,9 @@ export default function Footer(props: FooterProps) {
          <SiteNavList
            title="帮助文档"
            items={[
-              {name: `产品功能`, href: `/docs/product/product-features`},
-              {name: `使用教程`, href: `/docs/client/browser-proxy`},
-              {name: `行业资讯`, href: `/docs/news/news-latest`},
+              {name: `产品功能`, href: `/docs/product-overview`},
+              {name: `使用教程`, href: `/docs/browser-proxy`},
+              {name: `行业资讯`, href: `/docs/news-latest`},
            ]}
          />
        </div>
--- a/src/app/(home)/layout.tsx
+++ b/src/app/(home)/layout.tsx
@@ -1,6 +1,7 @@
 import {ReactNode} from 'react'
 import Header from './header'
 import Footer from './footer'
+import Script from 'next/script'

 export type HomeLayoutProps = {
  children: ReactNode
@@ -17,6 +18,8 @@ export default function HomeLayout(props: HomeLayoutProps) {

      {/* 页脚 */}
      <Footer/>
+
+      <Script id="qd2852138148beb7882a4a6a3e5ff5b569436003e7dc" src="https://wp.qiye.qq.com/qidian/2852138148/beb7882a4a6a3e5ff5b569436003e7dc" async defer></Script>
    </div>
  )
 }
--- a/src/app/admin/clients.tsx
+++ b/src/app/admin/clients.tsx
@@ -75,7 +75,7 @@ export function Content(props: {children: ReactNode}) {
 }
 function ContentResolved() {
  const profile = use(useProfileStore(store => store.profile))
-  if (!profile) throw new Error('登录状态异常')
+  if (profile)
    return (
      <>
        <RealnameAuthDialog
@@ -127,8 +127,7 @@ export function Header() {

 function HeaderUserCenter() {
  const profile = use(useProfileStore(store => store.profile))
-  if (!profile) throw new Error('登录状态异常')
-  return <UserCenter profile={profile}/>
+  if (profile) return <UserCenter profile={profile}/>
 }

 export function Navbar() {
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -25,7 +25,6 @@ export default async function RootLayout(props: Readonly<{
          <Effects>{props.children}</Effects>
        </StoreProviders>
        <Toaster position="top-center" richColors expand/>
-        <Script id="qd2852138148beb7882a4a6a3e5ff5b569436003e7dc" src="https://wp.qiye.qq.com/qidian/2852138148/beb7882a4a6a3e5ff5b569436003e7dc" async defer></Script>
      </body>
    </html>
  )
--- a/src/components/composites/dialogs/change-password-dialog.tsx
+++ b/src/components/composites/dialogs/change-password-dialog.tsx
@@ -68,7 +68,7 @@ export function ChangePasswordDialog({
  })

  // 提交处理
-  const handler = form.handleSubmit(async (value) => {
+  const handler = async (value: Schema) => {
    try {
      const resp = await updatePassword({
        phone: value.phone,
@@ -90,7 +90,7 @@ export function ChangePasswordDialog({
        description: e instanceof Error ? e.message : String(e),
      })
    }
-  })
+  }

  return (
    <Dialog open={actualOpen} onOpenChange={actualOnOpenChange}>
@@ -98,10 +98,16 @@ export function ChangePasswordDialog({
        <Button theme="outline" className={triggerClassName || 'w-24 h-9'}>修改密码</Button>
      </DialogTrigger>
      <DialogContent>
+        <Form
+          form={form}
+          handler={async () => {
+            const data = form.getValues()
+            await handler(data)
+          }}
+          className="flex flex-col gap-4 mt-4">
          <DialogHeader>
            <DialogTitle>修改密码</DialogTitle>
          </DialogHeader>
-        <Form form={form} handler={handler} className="flex flex-col gap-4 mt-4">
          {/* 手机号输入 */}
          <FormField<Schema> name="phone" label="手机号" className="flex-auto">
            {({field}) => (
@@ -132,7 +138,6 @@ export function ChangePasswordDialog({
              <Input {...field} placeholder="请再次输入新密码" type="password" autoComplete="new-password"/>
            )}
          </FormField>
-        </Form>

          <DialogFooter>
            <Button
@@ -144,10 +149,9 @@ export function ChangePasswordDialog({
              }}>
              关闭
            </Button>
-          <Button onClick={handler}>
-            保存
-          </Button>
+            <Button type="submit">保存</Button>
          </DialogFooter>
+        </Form>
      </DialogContent>
    </Dialog>
  )
--- a/src/components/ui/drawer.tsx
+++ b/src/components/ui/drawer.tsx
@@ -0,0 +1,135 @@
+'use client'
+
+import * as React from 'react'
+import {Drawer as DrawerPrimitive} from 'vaul'
+
+import {merge} from '@/lib/utils/index'
+
+function Drawer({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) {
+  return <DrawerPrimitive.Root data-slot="drawer" {...props}/>
+}
+
+function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
+  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props}/>
+}
+
+function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
+  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props}/>
+}
+
+function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Close>) {
+  return <DrawerPrimitive.Close data-slot="drawer-close" {...props}/>
+}
+
+function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
+  return (
+    <DrawerPrimitive.Overlay
+      data-slot="drawer-overlay"
+      className={merge(
+        'fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function DrawerContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Content>) {
+  return (
+    <DrawerPortal data-slot="drawer-portal">
+      <DrawerOverlay/>
+      <DrawerPrimitive.Content
+        data-slot="drawer-content"
+        className={merge(
+          'group/drawer-content fixed z-50 flex h-auto flex-col bg-background',
+          'data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b',
+          'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t',
+          'data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm',
+          'data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm',
+          className,
+        )}
+        {...props}
+      >
+        <div className="mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block"/>
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  )
+}
+
+function DrawerHeader({className, ...props}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="drawer-header"
+      className={merge(
+        'flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function DrawerFooter({className, ...props}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="drawer-footer"
+      className={merge('mt-auto flex flex-col gap-2 p-4', className)}
+      {...props}
+    />
+  )
+}
+
+function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
+  return (
+    <DrawerPrimitive.Title
+      data-slot="drawer-title"
+      className={merge('font-semibold text-foreground', className)}
+      {...props}
+    />
+  )
+}
+
+function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Description>) {
+  return (
+    <DrawerPrimitive.Description
+      data-slot="drawer-description"
+      className={merge('text-sm text-muted-foreground', className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
--- a/src/components/ui/pagination.tsx
+++ b/src/components/ui/pagination.tsx
@@ -107,13 +107,9 @@ function Pagination({
  const paginationItems = generatePaginationItems()

  return (
-    <div className={`flex flex-wrap items-center justify-end gap-4 ${className || ''}`}>
+    <div className={`flex flex-wrap items-center gap-4 ${className || ''}`}>
      <div className="flex-none flex items-center gap-2 text-sm text-muted-foreground">
-        共
-        {' '}
-        {total}
-        {' '}
-        条记录，每页
+        共 {total} 条记录，每页
        <Select
          value={size.toString()}
          onValueChange={handlePageSizeChange}
--- a/src/lib/hooks/index.ts
+++ b/src/lib/hooks/index.ts
@@ -6,9 +6,10 @@ export const usePlatformType = (): TradePlatform => {
  // 在SSR环境下返回默认值
  const [platform, setPlatform] = useState<TradePlatform>(() => {
    if (typeof window === 'undefined') return TradePlatform.Desktop
-    return window.matchMedia('(max-width: 768px)').matches
-      ? TradePlatform.Mobile
-      : TradePlatform.Desktop
+    // return window.matchMedia('(max-width: 768px)').matches
+    //   ? TradePlatform.Mobile
+    //   : TradePlatform.Desktop
+    return TradePlatform.Desktop
  })

  useEffect(() => {
Author	SHA1	Message	Date
Eamon-meng	82bd8051d8	更新发布v1.2.2版本	2026-03-11 17:34:21 +08:00
Eamon-meng	4e27d707ec	手机端支付修改为桌面支付方式	2026-03-11 17:29:29 +08:00
Eamon-meng	32c08d96d4	调整帮助中心移动端文档布局	2026-03-10 17:15:30 +08:00
Eamon-meng	1031630712	更新README.md文档	2026-03-10 17:06:54 +08:00
Eamon-meng	31c26e9636	更新README.md文档项目目录目录结构	2026-03-03 15:47:34 +08:00
Eamon-meng	333bd3f686	更新README.md文档	2026-03-03 14:28:53 +08:00
Eamon-meng	9201a819be	更新README.md文档	2026-03-03 13:23:18 +08:00
Eamon-meng	a2187adb05	新增本地构建脚本	2026-02-27 16:41:38 +08:00
Eamon-meng	4b18c91157	修复修改密码弹窗&取消后台显示客服弹窗 & 取消退出登录profile为空抛异常的判断	2026-02-27 15:03:17 +08:00
Eamon-meng	2125f1ef9e	更新首页文档跳转链接&调整后台分页显示	2026-02-26 16:37:50 +08:00