@dsh-external/dsh-mobile
DSH mobile-friendly web UI plugin (PiUI chat-pager mode): on narrow screens the stock three-column frame becomes a horizontal scroll-snap pager — sidebar | chat — with the chat column rendered completely untouched as a flush rounded card with a PiUI-style 3D flip; swipe or the top-left button flips pages, a settle re-snap always lands on a whole page, and the sidebar page shares the chat background. Safe-area + virtual-keyboard insets, touch-sized controls, hidden scrollbars on coarse pointers. Pure client-side adaptation over the stock frame — zero core changes, works on official rc.2 distributions.
安装
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:lehhair/dsh-mobile说明文档
阅读完整 README ↗dsh-mobile
DSH WebUI 移动端适配插件(PiUI 翻页器结构):窄屏下框架本身就是横向 scroll-snap 翻页器,两页卡片——半开侧边栏页(min(360px, 50vw))+ 全宽聊天页。滑到侧边栏页后聊天卡片仍在右边露出一半(PiUI 同款 overlayWidth 效果),聊天渲染零改动。纯客户端适配,零核心改动——官方 rc.2 发行版直接可用。
功能
- PiUI 翻页器:≤768px 时三栏框架重排为两页横向 snap 轨道——侧边栏页半开宽(约半个视口),聊天页全宽;滑到侧边栏页时聊天卡片在右半露出(半边信息流),PiUI 同款结构
- 侧边栏始终完整渲染:窄屏下控制器自动展开 AppFrame 折叠的侧边栏并保持(滑动翻页不同步状态)——侧边栏列的内容在聊天全屏时也完整留在 DOM 里,滑回来立即可见,绝不"滑动才跟着渲染"
- 同色区分:侧边栏与信息流同色(平页,无圆角阴影);只有信息流是卡片(16px 圆角 + 阴影 + 细边框),PiUI 同款视觉
- PiUI 3D 翻页:滚动时聊天卡片
rotateY/scale跟随(transform-origin偏向滑动侧),prefers-reduced-motion关闭 - 吸附修正:滑动停止后自动吸附最近整页(滑不到位自动回弹/修正),永不卡半页
- 安全区与键盘:
viewport-fit=cover+ safe-area env() 变量 + visualViewport 驱动的--dshm-keyboard-inset;100dvh动态视口 - 原生视觉:桌面宽度下逐字节等同原生(全部规则以 `` 为作用域,卸载即恢复原样)
效果
| 桌面(原生三栏) | 手机(侧边栏半开,聊天露半边) | 手机(聊天全屏) |
|---|---|---|
![]() | ![]() | ![]() |
安装
git clone https://github.com/dsh-external/dsh-mobile.git
dsh plugin --profile web add link:E:/dev/dsh-mobile
重启 dsh web,用手机模式(DevTools 设备模拟)或真实手机访问即可。
使用
- 初始:侧边栏半开常驻(左侧平页 + 右侧半边聊天卡片)
- 聊天全屏:手指向左拖;回侧边栏:手指向右拖(跨过中点自动吸附整页)
- 桌面不受影响:≥769px 时框架恢复三栏


