组件示例

开发指南

DHdesign 介绍

DHdesign 是一套基于 Vant 和 Element Plus 的公司双端组件库，目标是让业务项目只依赖统一入口。

接入原则

业务项目后续只从 @szhn/dh-design-mobile 引入组件，不再直接处理 Vant 的组件入口和样式覆盖。

在应用入口按需注册后，移动端继续使用 `van-` 标签，PC 端继续使用 `el-` 标签。

pnpm add @szhn/dh-design-mobile

import { createApp } from 'vue'
import { Button } from '@szhn/dh-design-mobile'

const app = createApp(App)
app.use(Button)

统一维护

统一入口、统一样式、统一文档站。底层能力继续复用 Vant，但业务代码只认 @szhn/dh-design-mobile。

当前覆盖范围

Button、Form、Field、Cell、Popup、Checkbox、Radio、Switch、Calendar、Cascader、Dialog、Toast、Tabbar 已经接入并提供展示。